Persyaratan pertama untuk mengikuti tutorial dari saya ini adalah buang dulu jauh-jauh rasa takut anda bahwa anda tidak akan bisa mempelajari pembelajaran HTML ini. Saya yakinkan anda bahwa anda juga pasti bisa mempelajarinya, asalkan anda mau belajar dan tentunya mengikuti terus semua panduan dan tutorial dari saya. Semua Materi yang saya share di website peterwebs.com ini cocok bagi pelajar, mahasiswa yang masih dalam proses pembelajaran dan memerlukan referensi bahan untuk pembelajaran. Tidak terkecuali khalayak umum yang masih sangat awam tentang ilmu website, jika anda ingin belajar silahkan ikuti terus tutorial yang akan saya buat tutorialnya di website ini.
Pada artikel sebelumnya saya sudah membahas tentang dasar-dasar HTML. Jika anda kebetulan belum membacanya, silahkan baca dulu postingan artikel saya yang sebelumnya yang berjudul Belajar Mengenal Dasar-dasar Tag HTML. Pada artikel tersebut anda sudah mengetahui tentang struktur dasar dari HTML. Saya pun sudah memberikan anda Tutorial Prakteknya tentang bagaimana caranya membuat file HTML tersebut. Tujuan saya membuat Tutorial tersebut adalah agar anda bisa mempraktekkannya langsung dengan video tutorial tersebut. Dengan mengikuti Tutorial yang saya ajarkan di video tersebut nantinya anda akan mendapatkan pengalaman, dan pengalaman tersebut tentunya akan membuat anda lebih faham terhadap materi yang saya ajarkan.
Sekarang kita langsung saja ke materi.
Apa Perbedaan yang ada pada Elemen Dan Tag Pada HTML? Untuk merefresh ingatan anda tentang materi sebelumnya yang berjudul Belajar Mengenal Dasar-dasar Tag HTML saya bahas lagi sebagian materinya disini. Untuk mengetahui Perbedaan yang ada pada Elemen Dan Tag Pada HTML Silahkan anda lihat gambar dibawah ini.
Dengan gambar diatas anda harusnya sudah bisa membedakan mana yang maksud dengan Tag dan mana yang dimaksud dengan Elemen?
Agar anda lebih mengerti saya akan jelaskan kembali lebih detail.
Membedakan Tag HTML Pembuka dan Tag HTML Penutup
Setiap penulisan Kode HTML selalu diawali dengan tanda pembuka HTML yaitu <HTML> dan di akhiri dengan tanda penutup HTML yaitu </HTML>
Untuk membedakan mana pembukanya dan mana penutupnya, anda bisa membedakannya dengan tanda / atau (garis miring) yang biasa disebut dengan istilah tanda Slash. Jadi jika pada tag HTML tersebut terdapat tanda / atau (garis miring) atau Slash tersebut berarti tag HTML tersebut adalah tag HTML Penutup. dan tentunya tag HTML yang ada diatasnya adalah tag HTML Pembuka. Simpel, kan? Sekarang anda mengerti, kan? begitupun dengan tag-tag lainnya, aturan tanda / (garis miring) atau Slash ini berlaku juga bagi tag penutup yang lainnya.
Elemen Penyusun HTML
HTML terdiri dari 2 Elemen penyusunnya, yaitu Elemen Head dan Elemen Body.
Elemen Head berfungsi untuk memberikan informasi tentang dokumen HTML yang sedang kita buat, contohnya seperti judul dokumen itu sendiri atau katakanlah sebagai nama dokumen HTML. Elemen Head ini diawali dengan tag <HEAD> dan diakhiri dengan tag penutup </HEAD>
Elemen Body berfungsi untuk menentukan bagaimana suatu dokumen yang akan kita tulis itu ditampilkan didalam browser dari segi paragrafnya, listnya, tabelnya dan bentuk format lainnya. Elemen Body ini diawali dengan tag <Body> dan diakhiri dengan tag penutup </Body>
Tag-tag Penyusun Elemen Head
Elemen Head terdiri dari Tag-tag penyusun didalamnya. Tag-tag yang ada didalam Elemen Head ini sifatnya adalah informatif, yaitu untuk memberikan informasi tentang file HTML yang kita buat. Untuk mempermudah pemahaman anda tentang hal ini, anggaplah itu adalah nama sebuah file. Tentunya dengan memberikan nama pada sebuah file maka anda bisa membedakan mana file A dan mana file B.
Contoh Tag yang ada didalam Elemen Head ini contohnya adalah tag <Title></Title> yaitu fungsinya untuk menginformasikan tentang nama file HTML anda.
Tag-tag Penyusun Elemen Body
Elemen Body terdiri dari Tag-tag penyusun juga didalamnya. Namun Tag-tag yang ada didalam Elemen Body ini sifatnya adalah mengatur format tampilan semua objek yang akan ditampilkan di halaman website anda. Contoh Tag-tag yang ada di Elemen Body ini salah satunya sudah saya singgung di tutorial sebelumnya Belajar Mengenal Dasar-dasar Tag HTML, yaitu tag <B></B> yang fungsinya untuk menampilkan teks dalam format cetak tebal.
Selain tag <B></B> ini masih banyak lagi tag-tag lainnya yang bisa dipakai untuk memformat semua tampilan objek yang ada di area Elemen Body.
Tag-tag lainnya yang bisa dipakai di area Elemen Body ini bisa anda simak daftar lengkapnya dibawah ini :
<B>…..</B> digunakan untuk memformat teks menjadi CETAK TEBAL
<I>…..</I> digunakan untuk memformat teks menjadi CETAK MIRING
<U>…..</U> digunakan untuk memformat teks menjadi BERGARIS BAWAH
<S>…..</S> digunakan untuk memformat teks menjadi MEMILIKI TANDA CORETAN
<TT>…..</TT> digunakan untuk memformat teks dalam tampilan Typewriter
<BIG>…..</BIG> digunakan untuk membesarkan Teks
<SMALL>…..</SMALL> digunakan untuk mengecilkan Teks
<SUB>…..</SUB> digunakan untuk memformat teks menjadi SubScript
<SUP>…..</SUP> digunakan untuk memformat teks menjadi SuperScript
Demi untuk tujuan agar anda faham dan mengerti tentang penggunaan Tag-tag diatas, saya sudah buat Tutorial Penggunaan Tag-tag yang bisa dipakai pada Elemen Body diatas pada halaman HTML anda. Untuk mempraktekkannya silahkan ikuti terus update-update terbaru dari website peterwebs.com ini.
Saya cukupkan sekian dulu artikel saya yang berjudul Mengenal Elemen Dan Tag Pada HTML ini. Jika anda serius ingin mempelajari HTML dari 0 (Nol), silakan ikuti terus semua tutorial yang ada diwebsite ini dan praktekkan. Sekian dan semoga bermanfaat.
Tags: #belajar html #html #kode html #membangun website #tutorial website #web design