Mengenal Elemen Dan Tag Pada HTML

dalam HTML
Hosting Murah Berkualitas

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.

 konsep dan struktur dasar html

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

author
Penulis: 
Saya adalah Seorang Blogger yang aktif dan konsen di bidang programming, web design, graphic design dan bisnis online. Saya juga tertarik pada bidang Parenting, Kesehatan dan informasi bermanfaat lainnya.
Cara Posting Artikel Di Website Berbasis WordPress
Cara Posting Artikel Di Website Berbasis WordPress
Pada saat yang lalu saya sudah membahas
Konfigurasi WordPress Yang Penting Untuk Diketahui
Konfigurasi WordPress Yang Penting Untuk Diketahui
Pada kesempatan yang lalu saya sudah membahas
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Menambahkan Banyak Domain Dalam Satu Hosting Dengan Add-On Domain
Bagi anda yang ingin memiliki banyak website
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Cara Merubah DNS Atau Name Server Dari Domain Yang Baru Di Beli
Langkah pertama yang harus anda lakukan ketika
Cara Membeli Domain Dan Hosting
Cara Membeli Domain Dan Hosting
Salah satu persyaratan untuk bisa memiliki sebuah
Cara Install WordPress Di Localhost Dengan Xampp
Cara Install WordPress Di Localhost Dengan Xampp
Sebagai lanjutan dari pembelajaran membangun website, kali
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Cara Install WebServer XAMPP Dan Cara Mendownload Software XAMPP
Sebelum anda memulai untuk belajar membuat website,
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Cara Memasukkan Video Ke Halaman Website Dengan HTML
Pada kesempatan yang lalu saya sudah share
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Cara Mengcapture Gambar Di Komputer Dengan Screen Grab Pro
Kali ini saya akan sharing bagaimana caranya

Beri komentar "Mengenal Elemen Dan Tag Pada HTML"

Baca juga×

Top