Belajar HTML lengkap Tahap 2: Struktur Dasar HTML

Nah diseri kali ini, kita akan membahas mengenai Struktur Dasar HTML. di Struktur dasar HTML ada 3 bagian saya sebutkan itu Tag, Element, dan Atribut pada HTML. dengan mengenal aturan dari penulisan HTML, kamu dapat melakukan validasi kode HTML, supaya bisa mengikuti aturan Standart W3C.

Belajar HTML lengkap Tahap 2: Struktur Dasar HTML

Maka dari itu, saya akan share dari pembahasan struktur dasar html dan penjelasanya beserta hasil koding. supaya kamu dapat memahami dasar dari html ini. yuk lansung saja. ketopik utama.

Pengertian Tag, Atribut, Dan Element HTML


untuk dapat menguasai HTML mengharuskan memahami aturan seperti Tag, Atribut, Dan element. karena ini merupakan Struktur inti dari pembelajaran HTML. maka dari yuk lanjut membaca mengenai apa itu Tag HTML??

Pengertian Tag HTML


Tag Dalam HTML berfungsi untuk memberi tahu si web Browser untuk melakukan dan bagaimana sebuah teks harus ditampilkan. Sebagai besar tag-tag HTML ditulis secara berpasangan, yang terdiri dari tag pembuka dan tag penutup. untuk tag pembuka menggunakan seperti simbol <p>, sedangkan untuk tag penutup menggunakan simbol </p>. Untuk tanda P berarti paragraf. jadi gini, kita memberitahukan kepada si browser untuk menampilkan seluruh text didalam tag pembuka dan tag penutup.

Misal untuk membuat paragraf menggunakan Html, jadi sintagnya gini

<!DOCTYPE html>
<html>
<head>
<title>belajar html</title>
</head>
<body>
<p>isi paragraf disini</p>
<p>kamu isi paragraf disini</p>

</body>
</html>

kemudian kamu simpan dengan format .html. misalnya simpan dengan nama index.html setelah itu kamu buka file html tadi. nanti akan diarahkan langsung ke Browser kamu miliki. nah nantinya akan menampilkan paragraf secara terpisah.

Pengertian Atribut


apa yang dimaksud Atribut di html? Atribut Html adalah informasi tambahan yang ditulis pada tag pembuka. Fungsinya Atribut ini bermacam macam, tergantung nilai dan tag mana yang ditempatkan. sifat dari atribut ini juga umum dan bisa digunakan seluruh tag

Untuk menggunakan atribut, dari nama atribut yaitu class dan nilai atribut dikutip meggunakan tanda ("nilai"). misalnya ada atribut class  dengan nilai pertama di taruh pada tag <p>. penulisannya seperti ini guys.

<!DOCTYPE html>
<html>
<head>
<title>belajar html</title>
</head>
<body>
<p class="pertama">Ini adalah paragraf pertama</p>

</body>
</html>

<p class='pertama'>Ini adalah paragraf pertama</p>
<p class=pertama>Ini adalah paragraf pertama</p>

coba kamu perhatikan contoh diatas ini. nilai dari artribut bisa menggunakan tanda koma titik dua ("), atau bisa boleh menggunakan koma titik satu ('). bisa juga tanpa tanda koma. seperti contoh diatas ini.

Pengertian Element HTML


Nah selanjutnya mengenai element. element ini masih berkaitan deri tag dan atribut. jadi di dalam HTML, Element merupakan satu bagian utuh terdiri dari tag, Atribut dan seluruh teks yang ada didalamnya. untuk lebih jelasnya saya beri tahukan Struktur dasar HTML

Struktur Dasar HTML 


Dari gambar diatas tadi, memperlihatkan cakupan tag, atribut dan seluruh isinya dijadikan menjadi satu dalam sebuah elemen.

Struktur Dasar HTML

Penuliskan Struktur Dasar Html


Kita akan membuat file dengan nama index.html dengan menggunakan Struktur dasar HTML. mari ambil kode html dibawah ini:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>belajar html</title>
</head>
<body>
<h1>belajar HTML</h1>
<p class="pertama">Ini adalah paragraf pertama</p>

</body>
</html>

bisa kamu lihat dari tag tag diatas ini. saling berpasangan seperti <head></head>, <body> </body> dan seperti contoh diatas. kecuali dengan Tag <!doctype html> dan <meta charset="utf-8">

Sekian dari belajar struktur dasar HTML. Nah selanjutnya kita akan membahasa mengenai HTML tree lanjutan dari label Struktur dasar HTML. maka dari itu. yuk nantikan materi lanjutan ini.

0 Response to "Belajar HTML lengkap Tahap 2: Struktur Dasar HTML"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel