Pengertian HTML
HTML adalah bahasa markup
internet (web) berupa kode dan simbol yang dimasukkan kedalam sebuah file yang
ditujukan untuk ditampilkan didalam sebuah website. Singkatnya, HTML adalah
bahasa markup yang digunakan untuk membuat website. Website yang dibuat dengan HTML
ini, dapat dilihat oleh semua orang yang terkoneksi dengan internet. Tentunya
dengan menggunakan aplikasi penjelajah internet (browser) seperti Internet
Explorer, Mozilla Firefox dan Google Chrome.
Seperti yang sudah saya jelaskan
sebelumnya, HTML adalah singkatan dari Hyper Text Markup Language. Tapi
mengetahui singkatannya saja tidak akan cukup. Karena itu saya akan menyajikan
arti dari kata kata tersebut.
- HyperText adalah metode dimana kita "berpindah" disekeliling web, dengan mengeklik sebuah teks yang bernama hyperlink. Hyperlink adalah sebuah teks khusus di internet, dimana saat teks tersebut diklik, akan membawa kita ke halaman web selanjutnya/halaman web lain yang telah ditentukan.
- Markup adalah hal yang dilakukan oleh tag HTML kepada teks yang ada didalamnya. HTML menandai teks yang berada didalamnya sebagai tipe teks tertentu. Misalnya saja jika kita menandai sebuah teks dengan tag html <i>, maka teks tersebut akan berubah menjadi italic (huruf yang miring). Sedangkan jika kita menandainya dengan <b>, maka teks tersebut akan berubah menajadi bold (huruf tebal).
- Language yang berarti bahasa. HTML adalah sebuah bahasa, yang memiliki kata kata berupa kode dan syntax seperti bahasa yang lain.
Saat ini bahasa HTML masih terus dikembangkan Hal ini dikarenakan
pengguna internet semakin hari semakin berkembang pesat. Oleh karena itu bahasa
HTML harus ditingkatkan lagi agar bisa menciptakan halaman web yang lebih
berkualitas. Untuk itulah dibentuk sebuah organisasi yang bertanggungjawab
mengembangkan bahasa HTML. Organisasi ini bernama W3C.
Fungsi dan Kegunaan HTML
Sebagai bahasa markup internet,
HTML memiliki banyak fungsi dan kegunaan. Beberapa manfaat dari HTML
diantaranya
- Untuk Membuat Halaman Web. Bahasa HTML digunakan untuk membuat halaman web. Semua halaman web pasti dibuat dengan menggunakan HTML.
- Sebagai Pondasi Bagi Sebuah Website. Sebuah rumah jika tidak memiliki pondasi maka akan cepat roboh. Begitu juga dengan website. Jika tidak memiliki HTML sebagai pondasi, kita tidak dapat mengimplementasikan bahasa lainnya seperti CSS (bahasa untuk mendesain website), Javascript (bahasa untuk menambah prilaku website), dan PHP (bahasa pemrograman server website).
- Untuk menandai teks pada halaman web. Misalnya, kita dapat menandai sebuah teks menjadi bergaris bawah dengan menggunakan tag html <u>
- Untuk menandai elemen/bagian pada halaman web. Sebuah website memiliki beberapa bagian seperti header, navigasi, main dan footer. Kita dapat menandai setiap bagiannya dengan HTML.
- Untuk menampilkan informasi dalam bentuk tabel
- Untuk menambahkan objek seperti audio, video, gambar, dll dalam halaman web
- Untuk membuat online form
Struktur Dasar HTML
#1 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 Milik Faiz</title>
Yang berwarna biru, itu adalah
pembuka. Yang warna hijau adalah isi. Sedangkan yang warna merah 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.
Ada juga pembuka dan penutup yang
berbeda dengan contoh diatas. Contohnya seperi ini
<input type="text"
value="isian" />
Pada tag input kita tidak perlu menutupnya dengan </input> ,cukup dengan /> . Bahkan dengan menuliskan > saja juga bisa.
#2 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 Faiz Agil Wirawan</title>
</head>
<body>
Hai teman teman, ini website pribadi saya lho..
</body>
</html>
Penjelasan
Untuk lebih memperjelas, berikut ini struktur dasar kode html
<html>
<head>
<title>Website Faiz Agil Wirawan</title>
</head>
<body>
Hai teman teman, ini website pribadi saya lho..
</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 khusu untuk menulis kode yaitu Notepad++.
#3 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 isian tersebut, tulisan kita akan berubah menjadi bintang bintang
seperi ini ******.
AHAAA!! AKU JADI MENGERTI MAKSUDNYA!
THANKS TO: http://www.burung-net.com/2015/05/pengertian-html-fungsi-html-serta-sejarah-html.html
Tidak ada komentar:
Posting Komentar