Siapa sih yang ga tau apa itu HTML? Mungkin kalian pernah melihat judul situs ataupun membaca terkait HTML ini. HTML merupakan bahasa dasar untuk membuat web. Nah dalam artikel kita kali ini, kita akan membahas mengenai dasar dari HTML itu sendiri. So without any further do, langsung aja kita mulai
Nah jadi HTML adalah singkatan dari HypertextMarkup Language. HTML dapat disebut sebahgai bahasa markah yangdibangun dan disusun untuk merepresentasikan sebuah halaman web. HTML bisadisebut sebagai struktur konten dan fondasi dari terbentuknya sebuah web. Yap,bener HTML menjadi dasar, karena dalam membangun suatu web HTML tidak bekerjasendirian. Dalam membangun web diperlukan juga Bahasa lain yaitu CSS dan Javascript. Nah jika di impertasikan fungsi masing masing Bahasa adalah sebagai berikut
Nah dalam Artikel kita kali ini , kita akan fokus membahas dasar dari Bahasa elemen HTML terlebih dahulu.
- Apa itu HTML?
HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman website. Isinya terdiri dari berbagai kode yang dapat menyusun struktur suatu website. HTML terdiri dari kombinasi teksdan simbol yang disimpan dalam sebuah file. Dalam membuat file HTML, terdapat standart atau format khusus yang harus diikuti. Format tersebut telah tertuang dalam standar kode internasional atau ASCII (American Standard Code for Information Interchange).
- Tag Pada HTML
Tag merupakan suatu tanda awalan dan akhiran dalam membuat perintah pada HTML yang nantinya akan direpresentasikan oleh web browser. Tag dibuat dengan menggunakan symbol <……> (kurung siku) dimana didalam kurung siku tersebut akan memuat nama tag tersebut. Dalam HTML terdapat banyak sekali tag, namun dalam pembahasan kali ini kita hanya akan membahas tag yang dasar,yang ada dalam tabel dibawah ini.
| Tag | Fungsi Tag |
| <html> | Tag ini dipakai untuk memulai membuat suatu halaman html |
| <head> | Tag ini dapat dipakai untuk membuat halaman html yng mencakup tampilan deskripsi di hasil pencarian google, CSS dan lainnya. |
| <title> | Untuk membuat judul website dari halaman html yang dibuat |
| <body> | Tag ini dipakai untuk mengisi bagian isi dari website yang dibangun |
| <h1> – <h6> | Tag <h1> sampai dengan <h6> digunakan untuk membuat heading pada website |
| <p> | Tag ini dipakai untuk membuat paragraph dalam suatu website |
| <!–> | Tag ini digunakan untuk membuat komentar pada html, tag ini tidak akan di visualisasikan dalam web chrome |
- Elemen pada HTML
Elemen merupakan komponen HTML yang berupa keseluruhan kode dari tag pembuka hingga tag penutup.Elemen terdiri dari teks dan simbol yang berupa tag pembuka, isi tag ataukonten, dan tag penutup.
- Atribut dalam HTML
Atribut dapat dikatakan sebagai informasi ataupun perintah tambahan yang berada dalam elemen . Atribut juga dapat digunakan sebagai penjelas dari perintah tag pada elemen. Atribut selalu berada dalam tag pembuka pada setiap tag pada HTML. Atribut selalu ditulis dalambentuk pasangan nama atribut / nilai atribut dengan format nama atribut = nilaiatribut, biar gampang bayanginnya perhatikan tabel dibawah untuk contoh dari atribut
| Atribut | Dapat Digunakan untuk tag |
| Src (memuat media dalam halaman html) | <embed>, <img>, <audio>, <iframe> |
| Href (mengacu kepada page lain) | <a>, <link> |
| Action (membuat aksi kepada pembaca artikel) | <form> |
| autoplay | <audio>, <video> |
Nah biar gampang langsung aja yuk kita coba praktekin membuat web pertama kita. Namun sebelum itu ada tools yang harus disiapkan terlebih dahulu, yaitu :
- Text Editor
Yang pertama kamu harus menyiapkan text editor yang kamu punya. Kamu bisa menggunakan notepad++, notepad, sublimetext. Text editor ini merupakan tools utama yang akan kita gunakan. Karena kita akan mengetikkan isi dari html pada text editor ini.
- Web Browser
Jika dalam text Editor kita akan memasukkan isi dari html yang telah kita buat. Dalam web browser kita akan menampilkan dan mevisualisasikan isi html yang kita buat. Kamu bisa menggunakan google chrome, Mozilla ataupun safari.
Tools sudah siap? Langsung aja kita mulai prakteknya.
Nah silahkan buka text editor anda dan masukkan elemen , tag dan atribut yang ingin digunakan
Kemudian kita tinggal menyimpan nama dokumennya,disini kita simpan dengan nama antifragile.html , nah berikutnya kita tinggal drag dokumen htmlnya ke web browser yang kita inginkan, dan hasil visualisasi nya adalah berikut ini
Cukup sekian pembelajaran kali ini, untuk pembelajaran lebih lanjut tetap pantengin artikel berikut nya ya. silahkan berdiskusi di kolom komentar kalau ada yang kurang paham. see ya!
