Hari ini kita kembali akan mempelajari atau memperdalam lagi pengetahuan kita tentang tag HTML, karena sebelumnya kita sudah mengenal Apa Itu HTML? maka sekarang tinggal kita perdalam lagi pengetahuan kita tentang tag HTML.
Seperti yang sudah kita pelajari sebelumnya secara bersama-sama, melalui w3schools.com yakni :
- HTML adalah singkatan dari Hyper Text Markup Language
- HTML adalah bahasa markup
- sebuah bahasa markup adalah seperangkap markup tags
- tags menggambarkan isi dokument
- Dokument HTML berisi HTML tags dan plain text
- Dokument HTML Juga disebut halaman web
Merasa belum puas tentang apa itu tag HTML, saya kembali mengunjungi w3schools.com untuk mempelajari kembali bagaiman cara menempatkan tag HTML, dan apa saja tag-tag HTML itu.
Di bawah ini, ada contoh kode HTML, untuk memperjelas dan menambah pengetahuan kita tentang tag HTML maka akan saya jelaskan kembali fungsi dari tag HTML yang ada pada contoh di bawah ini :
Di bawah ini, ada contoh kode HTML, untuk memperjelas dan menambah pengetahuan kita tentang tag HTML maka akan saya jelaskan kembali fungsi dari tag HTML yang ada pada contoh di bawah ini :
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Agar sobat memahami betul mengenai tag HTML, coba sobat kembali buka aplikasi notepad sobat untuk kembali mengetik kode HTML yang terdapat dalam kota contoh di atas, kemudian menyimpannya dengan nama "pelajaran1.html" tanpa tanda kutip, dengan cara seperti yang sudah saya jelaskan pada postingan sebelumnya tentang Apa Itu HTML?.
Jika sudah, maka langkah selanjutnya, coba sobat jalankan file yang sudah dibuat tadi, dengan cara mengklik dua kali pada file "pelajaran1.html". Maka, pada browser tampilannya akan menjadi seperti di bawah ini :
Jika sudah, maka langkah selanjutnya, coba sobat jalankan file yang sudah dibuat tadi, dengan cara mengklik dua kali pada file "pelajaran1.html". Maka, pada browser tampilannya akan menjadi seperti di bawah ini :
My First Heading
My first paragraph.
Nah, dari contoh di atas, saya mempelajari ini dari w3schools.com :
- Deklarasi DOCTYPE mendefinisikan tipe dokumen
- Teks antara <html> dan </ html> menjelaskan halaman web
- Teks antara <body> dan </ body> adalah isi halaman yang terlihat
- Teks antara <h1> dan </ h1> ditampilkan sebagai judul
- Teks antara <p> dan </ p> ditampilkan sebagai sebuah paragraf
<!DOCTYPE html> adalah definisi untuk tipe dokumen HTML5
Dan, kesimpulannya, setiap tag HTML dan element HTML akan hadir berpasangan, seperti :
<tagname>Konten</tagname>
Nah, w3schools.com menjelaskan keseluruhan tentang bagaimana cara yang benar menempatkan tag HTML dan element HTML, di bawah ini ada struktur halaman HTML yang saya kutip dari w3schools.com, dan sobat akan lebih memahami cara yang benar menempatkan tag HTML.
Struktur Halaman HTML
Di bawah ini adalah bentuk dari struktur HTML, setiap kontent akan berada di dalam tag HTML :
<html>
</html>
<body>
</body>
<h1>Ini Heading</h1>
<p>Ini adalah sebuah paragraf.</p>
<p>Ini adalah paragraf lain.</p>
</body>
</html>
Dari struktur tag HTML di atas, sobat akan mengetahui mana penulisan tag yang benar dan mana yang salah, seperti contoh di bawah ini :
Ini adalah struktur HTML yang salah
<b><i>Ini Salah</b></i>
Ini adalah strukur HTML yang benar
<b><i>Ini Benar</i></b>
Nah sobat, dari apa yang sudah kita pelajari bersama-sama, sobat pasti masih bertanya-tanya mengenai DOCTYPE, kenapa dia tidak memiliki pasangan? Nah, untuk DOCTYPE, akan kita lanjut mempelajarinya pada postingan selanjutnya. Demikian dulu postingan kali ini, jika ada yang kurang dimengerti silahkan berikan komentarnya.
Sukses Selalu ^_^
Sukses Selalu ^_^
No comments:
Post a Comment