HTML adalah bahasa yang digunakan untuk membuat halaman web. Bagi yang berkecimpung di dunia perangkat gadget dan ilmu komputer, pasti sudah tidak asing lagi dengan berbagai kode di dalamnya. HTML adalah kependekan dari Hypertext Markup Language.
Berbeda dengan orang awam, mungkin hanya sekedar mendengar istilah HTML semata. Tanpa tahu makna pengertian HTML dan kegunaan sebenarnya. Terutama maksud di balik kode-kode yang tersusun.
Kode HTML tersebut memastikan format teks dan gambar yang tepat untuk browser Internet. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya
Dilansir Techterms , “Hypertext” mengacu pada hyperlink yang mungkin terdapat dalam halaman HTML. Bahasa markup ini mengacu pada cara tag yang digunakan, untuk menentukan tata letak halaman dan elemen di dalam halaman.
HTML disusun berdasarkan kode dan simbol tertentu, yang dimasukkan dalam sebuah file atau dokumen. Sehingga bisa ditampilkan di layar komputer. Dan dapat dijangkau oleh para pengguna internet.
Memahami setiap kata yang terkandung, hypertext sendiri sebagai metode yang digunakan untuk berpindah-pindah laman web ke laman lain. Usai mengklik tulisan atau simbol yang muncul di halaman website.
Lalu istilah markup, diartikan sebagai suatu hal yang dilakukan tag HTML terhadap teks didalamnya. Contoh jika mengetik suatu teks dengan tanda tag . Maka teks tersebut akan muncul dengan huruf tebal atau bold di laman website.
Melansir dari Nesabamedia , ‘language’ berarti bahasa pemrograman atau script. Disusun dari tag-tag tertentu yang akan diterjemahkan dalam teks atau visual yang bisa dilihat di situs web.
Fungsi HTML
Dikutip dari Computerhope, HTML digunakan untuk membuat dokumen elektronik (disebut halaman) yang ditampilkan di World Wide Web (www). Setiap halaman berisi serangkaian koneksi ke halaman lain yang disebut hyperlink. Setiap halaman web yang Anda lihat di Internet ditulis menggunakan satu versi kode HTML atau yang lain.
Kode HTML memastikan format teks dan gambar yang tepat untuk browser Internet. Tanpa HTML, browser tidak akan tahu bagaimana menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya. HTML juga menyediakan struktur dasar halaman, di mana Cascading Style Sheets dihamparkan untuk mengubah tampilannya.
HTML dianggap sebagai tulang (struktur) dari sebuah halaman web, dan CSS sebagai kulitnya atau tampilan. Berikut fungsi HTML:
1. Fungsi utama HTML , untuk membuat suatu halaman website yang bisa dibaca dan dijangkau dengan lebih mudah. Seluruh laman situs web yang ada di internet, dibuat dengan HTML dan tak ada promosi.
2. Menandai teks pada suatu laman. HTML ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu. Simbol dan tag tersebut akan membuat tampilan teks menjadi tebal, miring, bergaris tebal dan sebagainya. Semisal jika membuat suatu teks menjadi teks miring atau miring, di laman HTML harus ditulis kode , untuk teks tebal dan – – untuk teks bergaris bawah.
3. Sebagai website dasar. Website yang dibuat tentu memiliki beberapa fitur. Dibuat menggunakan java script untuk mengatur perilaku web, mengimplementasikan bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa ini dapat diaplikasikan jika web memiliki bahasa HTML sebagai dasarnya.
4.Menampilkan tabel, gambar, video dan lainnya. Umumnya di halaman website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video. Sehingga butuh komponen yang diletakkan pada web menggunakan bahasa HTML.
5. Menandai elemen dan membuat formulir online. HTML adalah bagian-bagian dalam situs web antara lain header, footer, main, navigation dan sebagainya. Selain itu HTML juga digunakan sebagai bahasa dalam membuat formulir digital atau formulir online.
Contoh Cara Membuat HTML
Di bawah ini adalah contoh halaman web dasar yang ditulis dalam HTML dengan deskripsi setiap bagian dan fungsinya. Sebagai bahan utama untuk halaman web dasar. Setiap baris dijelaskan di bawah dengan lebih rinci.
1. Baris DOCTYPE menjelaskan versi HTML. Halaman itu ditulis sehingga browser Internet dapat menafsirkan teks yang mengikutinya.
2. Tag pembukamemungkinkan browser mengetahui bahwa ia sedang membaca kode HTML.
3. Bagianberisi informasi tentang halaman, seperti judul, tag meta, dan di mana bisa menemukan file CSS.
4. Bagianberisi semua yang dapat dilihat di browser. Semisal, semua teks yang terlihat di sini terkandung dalam tag badan.
C. memilih aplikasi editor html
sebelum memulai belajar bahasa pemrograman, perlulah kita untuk memilih aplikasi editor html yang kita sukai. Karena program yang berekstensi “html” tidak memerlukan compiler yang khusus untuk dapat mengeksekusinya maka tidak perlu memikirkan tentang compiler. Sekarang hanya perlu untuk memilih text editor untuk pemrograman html ini dengan aplikasi yang kita sukai.
• Dua pilihan text editor adalah sebagai berikut:
- Notepad++
semacam notepad yang menjadi aplikasi bawaan dari windows namun ini lebih diperuntukkan untuk menulis program dan dapat diatur bahasa yang akan ditulis, namun di notepad++ ini kalian harus dapat menghafal semua istilah-istilah yang ada dalam bahasa pemrograman.
2. Sublime TextEditor
sublime juga sama seperti notepad++ namun sedikit lebih berat dibanding notepad++, ini dikarenakan dalam aplikasi Sublime sudah disediakan beberapa directory tentang fungsi-fungsi yang ada di tiap program yang dapat munculkan saran disaat programmer menulis coding.
Namun aplikasi text editor tidak hanya ada dua itu saja, masih banyak lagi text editor seperti freecup html editor, pagebreeze dan lain sebagainya. Jadi silahkan tentukan text editor favorit kalian.