Breaking

Elemen HTML

      Kali ini saya akan membahas tentang Elemen HTML. Anda pasti bertanya apa sih elemen html itu? Tenang saja nanti pasti saya jelaskan kok mengenai elemen html. Sebelumnya anda harus mengetahui dasar HTML terlebih dahulu.

Apa yang dimaksud dengan Elemen HTML?
  
    Elemen HTML adalah komponen individual dari dokumen HTML atau halaman web. HTML terdiri dari pohon simpul HTML, seperti simpul teks. Setiap node dapat memiliki atribut HTML yang ditentukan. Node juga dapat memiliki konten, termasuk simpul dan teks lainnya. Banyak node HTML mewakili semantik atau makna. Misalnya, simpul judul mewakili judul dokumen.

    Elemen HTML berada di antara tag pembuka dan tag penutup. Sebelum memulai pastikan anda sudah memiliki text editor terlebih dahulu, karena saya akan meberikan contoh source codenya dan anda bisa langsung mencobanya.

Berikut ini adalah contoh penulisan elemen HTML dan penjelasanya. Elemen HTML di awali dengan tag pembuka <tagname> dan di akhiri dengan tag penutup </tagname>.

Tag PembukaElemen KontenTag Penutup
<b>Ini tulisan tebal</b>
<i>Ini tulisan miring</i>
<span>Ini tulisan biasa</span>

    Tidak hanya itu saja, di dalam HTML juga ada yang namanya elemnt HTML bersarang. Kalian pasti bingung kan apa itu elemen html bersarang. Tenang saja saya sudah menyediakan contohnya kok mengenani HTML bersarang.

Apa yang dimaksud dengan Elemen HTML Bersarang?

    Elemen HTML Bersarang adalah elemen yang di dalamnya berisi tentang element. Saya akan memberi gambaran dalam kehidupan sehari-hari. Sepatu dan kaos kaki, ada apa dengan kedua benda tersebut. Kalau anda memakai sepatu kan tidak langsung memakainya, tetapi anda akan memasang kaos kaki terlebih dahulu, kemudian memasang sepatu. Kaki tersebut di lapisi oleh 2 object, yaitu sepatu, didalam sepatu ada kaoskaki, dan di dalam kaos kaki terdapat kaki. Semua documen HTML memiliki elemen HTML bersarang.

Berikut ini adalah contoh dari Elemen HTML Bersarang.

<!DOCTYPE html>
<html>
<body>
    <p>paragraf pertama</p>
    <p>paragraf kedua</p>
    <h1>heading 1 pertama</h1>
    <h1>heading 1 kedua</h1>
</body>
</html>

Di atas merupakan contoh dari HTML bersarang, mengapa demikian? karena di dalam elemen html ada body dan di dalamnya body ada tag-tag lagi. karena <body>...</body> berada di dalam <html>...</html> maka itu dinamakan HTML bersarang.

Sekian itu saja penjelasan singkat dari saya apabila ada kesalahan penulisan mohon di maafkan, namanya juga manusia pasti memiliki kesalahan. Jangan lupa klik ikuti untuk mendapatkan berita terupdate.

Terimakasih telah berkunjung :-)

Tidak ada komentar:

Diberdayakan oleh Blogger.