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.
Section Artikel
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.
