Struktur Dasar HTML

Admin - 20 November 2020

Struktur Dasar HTML - Setelah anda mengetahui apa itu HTML dan apa fungsinya, saatnya anda untuk mengenal apa yang menjadi struktur dasar kode HTML itu sendiri, berikut kami jelaskan sedikit penerapan kode HTML.

Penerapan Kode HTML

Element

Element terdiri dari 3 bagian, yaitu tag pembuka, isi dan penutup. Contohnya untuk menampilkan judul dari sebuah halaman, kita membuat kode html seperti ini

<title>Website Balinet Intravi Network Nawadwipa</title>

kode <title> itu adalah pembuka. text "Website Balinet Intravi Network Nawadwipa" adalah isi. Sedangkan kode </title> adalah penutup. Isi adalah optional, dalam artian tidak masalah jika kita tidak memberikan isi. Beda dengan pembuka dan penutup, keduanya harus ada dalam sebuah kode html. Jika tidak maka akan terjadi error, dan kode tidak akan berfungsi.

<input type="text" value="isian" />

Ada juga pembuka dan penutup yang berbeda dengan contoh diatas. Contohnya seperti dibawah ini

Pada tag input kita tidak perlu menutupnya dengan </input> ,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa. Penerapan kode ini juga diterapkan untuk memanggil gambar.

<img src="uploads/image.jpg" />

Tag

Tag adalah teks khusus berupa dua karakter < dan >. Contohnya tag <head> dengan nama head, <body> dengan nama body, dan sebagainya. Tag ini sudah diatur dari sananya, jadi kita tidak boleh membuatnya sendiri. Misal jika kita menulis <bodi>, jelas tidak akan berfungsi. Untuk lebih memperjelas, berikut ini struktur dasar kode html

<html>
<head>
<title>Website Balinet Intravi Network Nawadwipa</title>
</head>
<body>
Selamat datang di website Balinet Intravi Network Nawadwipa
</body>
</html>

Penjelasan

<html></html> untuk menandai awal dan akhir dari file HTML

<head></head> berisikan keterangan informasi seperti title dan jenis dokumen

<title></title> sebagai judul halaman web

<body></body> bagian ini adalah konten utama web seperti header, navigasi, artikel, sidebar dan footer Anda dapat menuliskan kode html di aplikasi bawaan Windows, Notepad. Bisa juga mendownload aplikasi khusus untuk menulis kode yaitu Notepad++.

Atribut

Atribut terdapat didalam script sebuah elemen, fungsinya untuk memberi informasi tambahan tentang elemen. Nilai dari atribut harus ditutup dengan tanda kutip.

<input type="password" />

Kode diatas akan membuat sebuah kotak isian yang dikhususkan untuk menulis password. Dalam artian, jika kita menulis di itersebut, tulisan kita akan berubah menjadi bintang bintang seperti ini ******.

Kesimpulan

Struktur dasar HTML ini harus dikombinasikan dengan CSS untuk memperindah dan mempercantik tampilan website. Banyak Jasa Pembuatan Website yang melewati proses ini, dengan banyaknya CMS open source gratis yang bertebaran di dunia internet programmer/web developer dipermudah dalam melakukan building sebuah website.