Untuk mengawali karir sebagai seorang programmer hal yang penting dan harus kamu pelajari adalah
HTML. Dengan kamu belajar HTML dengan baik kamu dapat merencanakan pembuatan website seperti
apa yang bisa birenteraksi secara aktif dengan pengunjung website.
Hypertext Markup Language atau dalam bahasa markup disebut HTML berfungsi dalam membuat
struktur halaman yang ada pada website. HTML terdiri dari rangkaian gabungan teks dan symbol yang
disimpan pada suatu file.
Menggunakan HTML pengguna bisa membuat atau menyusun heading, paragraph, link, gambar, dan
yang lainnya agar dapat dilihat banyak orang dari halaman website. Untuk mengaksesnya bisa melalui
aplikasi browser seperti Chrome, Mozila Firefox, Explorer, dan yang lainnya
Belajar HTML Dasar pada Tag HTML, Elemen, dan Atribut
- Tag
Tag merupakan tanda awalan dan akhiran yang berfungsi sebagai perintah HTML yang nantinya dibaca
oleh browser. Tag dibuat dengan tanda kurung siku seperti berikut <…>, yang mana di dalamnya
mengandung isi nama tag.
Setiap dari tag mempunyai fungsi perintah yang berbeda. Kamu dapat memulai belajar HTML pada tag
dengan memulai membuat judul, paragraph, kata huruf tebal, kata bercetak miring, italic, dan yang
lainnya.
Contoh : <bold>. Tag tersebut berfungsi untuk meminta browser menampilkan teks bercetak tebal.
Tag ditulis secara berpasangan yaitu tag pembuka dan tag penutup. Adapun pada tag penutup
ditambahkan dengan garis miring (/) didepan nama tag.
Adapun tag dasar yang bisa Kamu coba untuk belajar HTML bagi pemula adalah sebagai berikut :
- Tag <title> fungsi untuk membuat judul pada website.
- Tag <body> fungsi untuk membuat bagian isi pada website.
- Tag <h1> sampai dengan <h6> memiliki fungsi untuk membuat pada bagian heading di artikel
website. - Tag <p> fungsi untuk membuat paragraph.
- Tag <!-> fungsi untuk membuat komentar.
- Tag <html> fungsi dalam memulai membuat halaman HTML yang melingkupi semua konten dan
elemen yang ada. - Tag <head> fungsi membuat halaman HTML melingkupi tampilan deskripsi pada pencarian
Google, CSS atau style konten, dan lain sebagainya.
- Element
Element merupakan komponen HTML yang memiliki keseluruhan kode dari tag pembuka hingga tag
penutup. Element terdiri dari teks dan symbol dalam format tag pembuka, isi tag, atau konten, dan tag
penutup.
Contoh : <bold>Belajar Pemrograman HTML</bold>
Di dalam sebuah element juga berisi element lainnya, jadi tidak hanya mengandung isi pada satu tag
saja, tetapi juga pada banyak tag. Element juga disebut dengan nested elements. Contohnya, simak
penjelasan kode berikut ini :
<html>
<body>
<h3>Judul Heading</h3>
<p>Paragraf Artikel.</P>
</body>
</html>
Jika kita perhatikan pada element HTML dari tag pembuka <html> lalu tag <body> yang berisi element
tag heading dan juga element tag paragraph. Itu merupakan komponen penting yang harus diperhatikan
ketika kamu belajar HTML.
- Atribut
Atribut adalah informasi atau perintah tambahan yang terdapat di dalam element. Atribut memiliki
tujuan sebagai penjelas perintah tag yang ada pada element.
Contoh, <img src=”gambar.jpg” alt “Bunga Sakura”>.
Tag <img> memiliki atribut khusus yaitu (scr) dan juga (alt) yang berarti browser perlu menampilkan
gambar.jpg dengan alt text “Bunga Sakura”.
Itu berarti bahwa jumlah atribut dalam sebuah tag bisa lebih dari satu. Akan tetapi tidak semua atribut
dapat digunakan sebagai tag. Berikut jenis-jenis atribut khusus beberapa tag :
Atribut src, digunanak untuk tag <img>, <embed>, <iframe>, dan <audio>
Atribut href, digunakan untuk tag <a> dan <link>.
Atribut action, digunakan untuk tag <form>.
Atribut autoplay, digunakan untuk <audio> dan <video>.
Selain atribut khusus ada juga atribut event yang bisa digunakan dalam menentukan aksi yang dilakukan
jika sesuatu terjadi pada element. Contohnya (onload) ketika loading selesai, (onoffline) saat tiba-tiba
offline, dan (onresize) pada ukuran jendela.
Cara Kerja HTML
Yang pertama dokumen HTML bisa kamu buat di aplikasi editor HTML seperti notepad, dan sublime text
yang kemudian kamu simpan dengan format .html atau .htm. Dan untuk dokumen website bisa dibuat
lebih dari satu, karena dalam website biasanya terdiri dari banyak halaman seperti halaman utama, blog,
kontak, dan lain sebagainya.
Ekstensi file yang tadi kita simpan juga dapat dibuka melalui web browser. Kemudian agar bisa diakses
oleh banyak orang kamu bisa membuatnya online dengan membeli sebuah web hosting dan
mengupload file website kamu.
Selanjutnya browser akan membaca dan melakukan render file HTML kamu menjadi sebuah tampilan
halaman website. Sehingga orang bisa dengan mudah membaca informasi yang disampaikan.
Demikianlah sedikit materi belajar HTML yang bisa langsung kamu coba, selamat mencoba.