HTML

Tag Dasar HTML Atribut, Elemen, dan Value

Sebelum masuk kedalam topik Atribut dan Elemen mari kita mempelajari tag lain seperti title, meta, dan heading.

  • Title
    Tag title adalah tag yang digunakan untuk memberi tahu browser bahwa judul dokumen html
  • Meta
    Meta adalah atribut yang digunakan untuk memberi tahu browser dan mesin pencari metadata tentang deksripsi konten secara singkat
  • Heading
    Heading adalah tag yang digunakan untuk membuat judul pada konten dokumen html yang biasanya berada didalam body content. Heading diberi tag dengan singkatan <h1> sampai dengan <h6>. Semakin kecil heading maka tulisan dan prioritas heading semakin kecil.

Elemen pada HTML

Elemen adalah aspek lain yang ada pada HTML dan berguna untuk mendukung atau memberi elemen pendukung pada tag dan anchor tag. Contoh elemen pada html adalah:

  • Bold
    Bold adalah elemen untuk membuat tulisan pada anchor tag lebih tebal. Elemen ini bisa ditulis setelah paragraph atau tulisan lainnya.
  • Strong
    Strong adalah elemen yang digunakan untuk menghighlight tulisan pada anchor tag. Elemen ini juga mempertebal tulisan pada anchor tag.

Atribut

Atribut adalah aspek pada dokumen HTML yang bisa diikuti oleh value ataupun tidak. Atribut digunakan untuk memperjelas, menambah informasi, dan juga memodifikasi tag dan anchor tag. Contoh dari atribut yang akan digunakan adalah:

  • Content
    Content atribut digunakan bersama digunakan tag untuk mendeskripsikan content
  • Name
    Name atribut adalah atribut yang biasanya digunakan untuk memberi nama pada tag meta

Value

Value adalah informasi yang digunakan untuk memberi, membentuk, dan memodifikasi nama dari elemen atau atribut yang ada didalam bersamaan dengan tag. Untuk menambahkan value pada tag bersamaan dengan atribut dan elemen, kita hanya perlu menulis value.

Setelah mengetahui beberapa tag, atribut, elemen, dan value dasar mari kita menulis dokumen html.

<!DOCTYPE HTML>
<html>
  <head>
    
  <meta charset="UTF-8">
  /* Charset UTF-8 untuk memberi standar dokumen HTML mu bahwa yang digunakan adalah set karakter encoding dengan UTF-8 */  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  /* Meta data diatas untuk memberi tahu mesin pencari bahwa dokumen HTML ini kompatibel dan isinya sama ketika kita buka lewat ponsel */  <title>DosenIT | Rumahnya Para DosenIT Berbagi Ilmu</title>
  /* Contoh DosenIT | Rumanhya... Diganti dengan judul untuk index.html mu */  
  </head>
  
  <body>
    <h1>DosenIT Sejarah</h1> // Nama heading dapat diganti
    <p>Sejarah <b>DosenIT</b>, <strong>loremipsumdolorsiamet</strong></p>
    /* Diatas kita memberi bold pada kata DosenIT dan Strong pada lorem ipsum */    <button name="button1" type="submit" value="DosenIT_post_pages">Baca lebih lanjut...</button>
   /* Diatas kita membuat tombol yang jika di klik akan membawa kita ke seluruh isi artikel */  <body>
    
  <footer>
    
  </footer>
<html>

Perlu diingat dalam menulis kode, kode yang kita tulis harus bisa dibaca dan dapat dibayangkan hasil dari dokumen yang kita buat sebelum di upload.


Binsar Stefan

Binsar Stefan is graduated in English Major of Faculty of Humanities, has been a writer for 2 years. He began his career in a company, which provides Healthcare, as an Internship in Digital Marketing department on SEO division. Besides writing on a couples different companies, he spent his time to write in Medium and New Naratif. He commits to be an expert in programming languages such as, C, C++, C#, Python, Java, and JavaScript in couple years. Not only learning in Computer Science, he also learns Accounting, Business, Chemical, Electro, and Mechanical Engineering. Binsar Stefan, now, is building a couple of projects for next few years. Although he is a non - stop learner, he plays basketball, futsal, does swim, loved to hangout on his routine.

Share
Tags: htmlHTML AttributeHTML TagHTML Value