Belajar HTML: Pengenalan Dasar Untuk Pemula
Belajar membuat website pada era teknologi seperti sekarang ini dapat menjadi hal yang penting dalam pengembangan keahlian Kamu. Hal tersebut dikarenakan website menjadi bagian penting seperti halnya mencari informasi, menjual dan membeli barang, mengiklankan produk usaha yang dilakukan secara online. Tidak menutup kemungkinan bahwa pada masa yang akan datang semua hal dilakukan secara digital.
Pengertian HTML
HTML adalah bahasa markah yang digunakan untuk mendefinisikan struktur halaman web dan kontennya yang kemudian diterjemahkan oleh aplikasi web browser menjadi tampilan visual.
HTML dapat diumpamakan sebagai struktur bangunan pada rumah yang mendefinisikan dimana letak atap, dinding, lantai, candela dan lainnya. Sedangkan HTML dapat mendefinisikan judul, konten, sidebar, footer dan lainnya pada halaman web. Oleh karena itu, HTML pasti digunakan dalam membuat sebuah website. Jika kita membuka website-website yang ada di internet pasti kita temui HTML disana.
Pada kepanjangan HTML disebutkan bahwa HTML merupakan hypertext artinya lebih dari teks biasa. Maksudnya adalah tidak seperti teks di buku, teks ini memungkinkan kita untuk mengakses teks lain dari link yang ada pada halaman tersebut. Dengan demikian dokumen akan saling terhubung. Hal ini terdengar biasa saat ini namun pada tahun 1990 ini adalah penemuan yang luar biasa. HTML bukanlah bahasa pemrograman tetapi tergolong ke dalam bahasa markah (markup language).
Fungsi dan Kegunaan HTML
Fungsi utama HTML adalah sebagai struktur halaman web yang memberikan aturan tentang bagaimana halaman dan konten web tersebut ditampilkan. Web browser merender berdasarkan tag yang tertulis pada file HTML yang kemudian ditampilkan sesuai aturan yang ada.
Selain itu, kegunaan html lainnya adalah:
- Mengatur format teks. HTML dapat digunakan untuk mengatur format teks misalnya pembuatan paragraph, menebalkan teks, teks miring, garis bawah, heading dan quote.
- Membuat list. Terdapat 2 tipe list yaitu ordered dan unordered list yang dapat dibuat.
- Menampilkan multimedia. HTML dapat digunakan untuk menampilkan gambar, audio dan video ke halaman web.
- Membuat table. Jumlah kolom dan baris dapat ditentukan dengan tag yang ada. Selain itu, pengaturan border juga tersedia.
- Membuat form. Mulai dari input teks, radio, checkbox hingga input multimedia.
Cara Kerja HTML
Pengertian dari dokumen HTML adalah file dengan ekstensi .html atau .htm. Kamu bisa melihat ekstensi file ini dengan memakai web browser apa saja termasuk Mozilla Firefox, Google Chrome, ataupun Safari. Browser tersebut dapat membaca file HTML dan membuat pengguna bisa melihat serta membacanya di internet. Umumnya, situs web menyertakan beberapa halaman HTML yang berbeda. Misalnya, beranda utama, halaman kontak, dan halaman “tentang kami”, yang ketiganya mempunyai dokumen HTML berbeda.
Masing-masing halaman tersebut terdiri dari sejumlah tags atau biasa juga disebut sebagai elements yang merujuk pada building block halaman web. Tag ini juga mempunyai hirarki tersendiri yang menyusun konten menjadi paragraph, heading, dan lainnya. Sebagian besar elemen HTML memiliki tag pembuka dan penutup yang menggunakan syntax .
Mengenal Jenis Tag Dalam HTML
Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link. Dalam HTML, tanda ini dikenal dengan istilah tag. Tag adalah suatu tanda pengenal dokumen pada html yang terdiri 2 bagian yaitu tag pembuka contoh dan tag penutup contoh , tanda “/” pada tag penutup menandakan bahwa sifat yang dibawa oleh tanda pengenal berakhir. Tag HTML memiliki dua tipe utama: block-level dan inline tags.
- Elemen block-level
Memakai semua space yang tersedia dan selalu membuat line baru di dalam dokumen. Contoh dari tag block adalah heading dan paragraf. Tiga tag block-level yang harus dimiliki oleh setiap dokumen HTML adalah <html>,>head<,>body<.
- Tag <html>adalah elemen level tertinggi yang menyertakan setiap halaman HTML.
- Tag<head> menyimpan informasi meta, seperti judul dan charset halaman.
- Tag <body>tempat dibuatnya semua konten website menggunakan HTML
- Elemen inline
Hanya memakai space sesuai dengan kebutuhannya dan tidak membuat line baru di halaman. Biasanya elemen ini akan memformat isi konten dari elemen block-level. Contoh dari tag inline adalah link dan emphasized strings. Sebagian besar tag inline digunakan untuk memformat teks. Sebagai contoh, tag akan render elemen ke format bold, sedangkan tag akan ditampilkan dalam format italic. Hyperlink adalah elemen inline yang mewajibkan adanya tag dan attribute href untuk mengindikasi tujuan link. Gambar (image) juga merupakan elemen inline. Kamu dapat menambahkan satu gambar dengan menggunakan tanpa harus membubuhkan tag penutup. Hanya saja, Kamu disarankan menggunakan attribute src untuk menentukan path gambar.
Itu merupakan dua jenis tag dalam HTML. Untuk Kamu yang masih ingin belajar dari awal mengenai HTML ini, sebaiknya juga perlu mengetahui tag-tag sederhana yang harus Kamu kuasai. Hal tersebut bertujuan agar Kamu tidak memahami langkah awal dari pembelajaran tentang HTML. Tag dasar yang harus Kamu ketahui adalah :
- <!DOCTYPE> Tag untuk menentukan tipe dokumen
- <html> Tag untuk membuat sebuah dokumen HTML
- <title> Tag untuk membuat judul dari sebuah halaman
- <body> Tag untuk membuat tubuh dari sebuah halaman
- <h1> to <h6> Tag untuk membuat heading
- <p> Tag untuk membuat paragraf
- <br> Memasukan satu baris putus
- <hr> Tag untuk membuat perubahan dasar kata di dalam isi
- <!–…–> Tag untuk membuat komentar
Komentar
Posting Komentar