Setelah mengetahui beberapa hal dasar tentang HTML dan aspek – aspek yang berada pada HTML pada Apa itu HTML dan Fungsinya ? Kita juga harus mengetahui ada beberapa macam tag yang ada pada HTML. Jika jenis tag ada 2 yaitu Tag tanpa penutup atau self – closing Tag, dan Tag dengan penutup yang dikenal dengan non – self closing Tag. Tipe tag ada 2 yaitu: Tag dengan Anchor dan Tag tanpa anchor. Contoh Tag dengan anchor yaitu, <h1>, <title>, <strong>, dan <em>. Sedangkan Tag tanpa anchor yaitu, <div>, <hr>, <br>
Mari kita mulai dengan membuat infrastruktur yang umum pada dokumen HTML. Tag yang dibutuhkan adalah: DOCTYPE, html, head, body, dan footer.
- DOCTYPE
Tag yang dipakai untuk memberi tahu browser dokumen yang dibaca adalah jenis html. - HTML
Tag yang dipakai untuk memberi tahu browser dokumen HTML dimulai dari baris yang dimulai dengan Tag html. - Head
Tag yang dipakai untuk memberi tahu browser bahwa baris yang diberi tanda adalah kepala dokumen. - Body
Tag yang dipakai untuk memberi tahu browser bahwa baris yang diberi tanda adalah badan dokumen atau yang kita kenal dengan konten yang terdiri dari konten – konten yang berada pada halaman web. - Footer
Tag ini dipakai untuk memberi tahu browser bahwa yang diberi tanda adalah footer dari sebuah halaman web, isi dari footer biasanya diluar konten dan berisi informasi – informasi yang dibutuhkan pengunjung halaman web.
Memilih text editor atau code editor
Hal lain yang paling utama sebelum membuat dokumen HTML adalah memilih diantara text editor, code editor, atau IDE. Pada program text editor kalian bisa menulis pada Notepad, Notepad++, atau Vim, pada program code editor kalian bisa mengunduh dan menggunakan, Atom, Sublime Text, atau Visual Code.
Sebelum kita mulai pembentuk infrastruktur dokumen html, penulis ingin memberi tahu cara memberi komentar pada dokumen HTML, dan sedikit tentang pemberian indent. Komentar atau komen pada HTML tidak akan ditampilkan atau di render pada browser melainkan hanya bisa dilihat ketika kita membuka source code atau sumber file. Karena HTML adalah bahasa markah, penulisan komen bisa dimulai dengan, //, /* dan ditutup dengan */. Adapun pemberian indent sangat penting untuk memberi tahu browser Tag mana yang merupakan parent tag dan akan dibaca terlebih dahulu. Buka text editor, atau code editor dan mari kita mulai membuat infrastruktur dokumen html:
// Ini adalah komentar
<!DOCTYPE HTML> // Memberitahu browser bahwa dokumen setelah tag ini adalah HTML
<html>
<head> // Memberi tahu kepala dokumen
</head>
<body> // Memberi tahu bahwa ini adalah badan dokumen
</body>
<footer> // Memberi tahu bahwa ini adalah kaki dokumen
</footer>
</html> // Memberi tahu browser bahwa ini adalah akhir dari dokumen html
Tag tag tersebut pada umumnya meruapakan kriteria dasar agar bisa dibaca pada browser seperti, chrome, firefox, atau internet edge. Penulisan tag diatas akan sering kalian temukan jika kalian berselancar pada website – website yang bertema blog, media digital, dan atau portofolio.
