Fungsi dan Struktur Dasar HTML ~ Intechno Tutorial

Setelah sebelumnya kita mempelajari tentang pengertian HTML, diartikel kali ini Intechno Tutorial akan menjelaskan fungsi ataupun kegunaan dan struktur dasar dari HTML tersebut

img src:burung-net.com

Fungsi dan Kegunaan HTML

Halaman dasar pada website
HTML merupakan pondasi dari web, setiap struktur halaman web berasal dari kode HTML dasar.
Mengatur tata letak website
Desain tata letak dilakukan oleh HTML, contohnya seperti mengatur header, menu, konten, sidebar dan footer.
Untuk menandai teks
Teks berhuruf tebal, miring, ukuran teks diatur oleh tag HTML
Menambahkan objek
Seperti foto, video, audio dimasukkan ke halaman web.

Struktur Dasar HTML

#1. Element
Element terdiri dari 3 bagian, yaitu : tag pembuka, isi & penutup.

 <title> Intechno Tutorial </title>

Contohnya saat kita membuat judul pada halaman web html, maka kodenya pun seperti

<title> = Merupakan tag pembuka
Intechno Tutorial = Merupakan isinya
</title> = Merupakan tag penutup

Contoh lainnya :

 <p> Information Technology Blog Tutorial </p>

<p> = Merupakan tag pembuka
Information Technology Blog Tutorial = Merupakan isinya
</p> = Merupakan tag penutup

Bagian pembuka & penutup harus ada (ada tag pembuka, wajib ada tag penutup), jika tidak maka kode html akan tidak berfungsi atau error

#2. Tag
Tag merupakan teks yang mempunyai 2 karakter < dan >. Contoh dari tag adalah :
<head> (head) dan <body> (body).

Tag mempunyai nama-nama tersendiri, misal :
<head> nama : tag head
<body> nama : tag body

Tag tidak bisa dibuat dengan nama yang dibuat sendiri, misal :
<kepala>, <bodi> dan lain sebagainya.

Berikut adalah contoh struktur dasar kode HTML supaya lebih jelas :

 <html>
 <head>
   <title>Fungsi dan Struktur Dasar HTML</title>
 </head>
 <body>
   Isi dari artikel
 </body>
 </html>

Tag tidak boleh diisi dengan nama yang dibuat sendiri, tag haruslah diisi dengan nama bawaan dari kode HTML dasar.

#3. Atribut
Atribut terdapat dalam kode sebuah element, yang berfungsi untuk memberi informasi tentang element. Atribut berada ditengah-tengah tanda kutip ("Atribut")
Contoh :