HTML atau biasa disebut dengan Hypertext Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.[1] HTML ini merupakan subnet dari Standar Generalized Markup Language(SGML) yang diciptakan oleh IBM pada tahun 1960 dan mendapatkan hak paten oleh ISO pada tahun 1968.[2]
Bagaimana Struktur Dasar pada Web HTML?
Berikut ini adalah salah dari contoh dari suatu halaman web:
<html>dari sini kita bisa lihat, bagaimana sebuah website dibentuk. seperti yang kita lihat diatas, terdapat berbagai macam tag elemen. di masing-masing elemen memiliki 2 pasang tag. yaitu tag awal dan tag akhir. diantara tag awal dengan tag akhir, terdapat konten yang tampil tampilan pada web. di dalam tag awal, terdapat berbagai attribute sesuai dengan tag yang digunakan.
<head>
<title>Hello World!</title>
<head>
<body bgcolor="black" text=#00FF00>
<h1>Hi! My Name is...</h1>
<p>Slim Shady!</p>
</body>
</html>
script ini hanya bisa dilihat dan di-edit menggunakan program-program pengolahan script seperti Dreamweaver atau Notepad++. namun bila kita save data tersebut dengan format '.html' kemudian dibuka menggunakan Web Browser seperti Chrome atau Firefox, maka yang muncul adalah tulisan yang ada di dalam tag-tag sesuai dengan fungsi masing-masing.(lihat gambar 1)
 |
| Gambar 1: Hasil dari contoh script HTML menggunakan Maxthon Cloud Browser |
Apa saja fungsi dari masing-masing tag tersebut?
Okay! Setelah kita melihat struktur dasar dari web HTML diatas, kita akan melihat apa saja fungsi-fungsi dari tag-tag atas.[3]
<html>
Tag pembuka <html> menunjukkan bahwa apa pun yang berada di antara tag tersebut dan tag penutup </html> adalah kode HTML.
<body>
Tag <body> menunjukkan bahwa apa pun yang berada di antara tag tersebut dan tag penutup
tag akan ditampilkan dalam halaman browser.
<h1>
Tulisan apapun yang berada diantara tag <h1> dan tag </h1> adalah main heading
<p>
Sebuah teks paragraf akan muncul diantara tag <p> dan tag </p>.
Di dalam sebuah tag, terdapat berbagai macam arttribute untuk menegaskan secara spesifik bagaimana hasil akhir akan muncul di web Browser. seperti pada contoh script di atas, pada tag <body>, terdapat 2 attribute, yaitu bgcolor yang berfungsi untuk mengubah tampilah warna latar belakang(background) dan text yang berfungsi sebagai warna teks yang muncul. Tapi itu hanya sebagian dari attribute yang digunakan pada tag <body>. namun bagaimana dengan tag-tag lainnya? berikut adalah salah satu contoh atribut yang sering digunakan dalam suatu web HTML.[4]
Title
Title
Pada elemen paragraf, tag yang digunakan untuk menandai adalah <p>.
Ketika anda menggerakkan mouse anda diatas elemen ini, titel yang sudah ditentukan akan terlihat sebagai tooltip.
Href
Jika kita ingin menyisipkan alamat web pada sebuah tulisan, kita bisa menggunakan tag <a> yang disusul dengan atribut href.
Ketika anda menggerakkan mouse anda diatas elemen ini, titel yang sudah ditentukan akan terlihat sebagai tooltip.
Href
Jika kita ingin menyisipkan alamat web pada sebuah tulisan, kita bisa menggunakan tag <a> yang disusul dengan atribut href.
Size
Atribut size digunakan untuk menentukan ukuran sebuah objek baik berupa gambar, font atau huruf dan bahkan untuk ukuran layout tertentu.
Atribut Size terdiri dari dua atribut, yaitu atribut width (lebar) dan height (tinggi), pada contoh dibawah ini adalah demo dari atribut size untuk menentukan ukuran dari sebuah gambar.
Atribut size digunakan untuk menentukan ukuran sebuah objek baik berupa gambar, font atau huruf dan bahkan untuk ukuran layout tertentu.
Atribut Size terdiri dari dua atribut, yaitu atribut width (lebar) dan height (tinggi), pada contoh dibawah ini adalah demo dari atribut size untuk menentukan ukuran dari sebuah gambar.
Alt
Alt attributes biasanya digunakan untuk memberikan gambaran singkat mengenai suatu gambar atau tulisan yang ditampilkan dalam content. ALT attribute ini dianggap penting karena beberapa hal:
Dari contoh script diatas pula dapat kita simpulkan, terdapat 2 buah elemen penting dalam struktur web HTML. yaitu:[5]
Sumber:
[1],[2]https://id.wikipedia.org/wiki/HTML
[3]http://www.nyekrip.com/struktur-halaman-dalam-html/
[4]http://www.nyekrip.com/atribut-dalam-elemen-html/
[5]http://www.nyekrip.com/elemen-dalam-layout-halaman-web/
Alt attributes biasanya digunakan untuk memberikan gambaran singkat mengenai suatu gambar atau tulisan yang ditampilkan dalam content. ALT attribute ini dianggap penting karena beberapa hal:
- BOT yang hanya memiliki kemampuan untuk membaca informasi teks.
- Jika gambar yang diberi atribut ini tidak muncul saat loading, maka atribut ini memegang peranan penting sebagai informasi mengenai gambar.
Dari contoh script diatas pula dapat kita simpulkan, terdapat 2 buah elemen penting dalam struktur web HTML. yaitu:[5]
- <head> , elemen ini terkandung berbagai informasi mengenai halaman web yang berisi nama halaman (title) dan penjelasan lain, yang berfungsi sebagai judul atau nama halaman.
- <body> , elemen ini berfungsi untuk menunjukkan isi utama dari halaman web.
Sekian dulu postingan dari saya. Semoga informasi ini dapat bermanfaat bagi anda.
Sumber:
[1],[2]https://id.wikipedia.org/wiki/HTML
[3]http://www.nyekrip.com/struktur-halaman-dalam-html/
[4]http://www.nyekrip.com/atribut-dalam-elemen-html/
[5]http://www.nyekrip.com/elemen-dalam-layout-halaman-web/
1 komentar
sangat membantu infonya untuk belajar HTML.
Replybagi yang ingin belajar membuat website bisa dilihat di situs berikut ini http://www.computer-course-center.com/web-design.html