Mengenal Kode HTML

Melalui artikel ini akan dibagikan pengetahuan dasar tentang HTML yang merupakan tutorial singkat tentang elemen-elemen yang berkaitan dengan ekstensi htm(l) ini.

Merupakan kependekan dari Hyper Text Mark Up Language, pada pengertian dasarnya merupakan suatu cara pengaplikasian konsep berupa hypertext ke dalam sebuah dokumen naskah.

Itulah mengapa bahasa program yang satu ini fungsinya hanya memberi pertanda (marking up) ke sebuah teks, jadi bukanlah sebagai program. Adapun jika mau ditelaah lebih dalam lagi sbb:

Pengertian HTML

HyperText

Sebuah hypertext link merupakan kata yang akan membuat hubungan dari naskah pada dokumen dengan beberapa naskah yang lain. Apabila mengklik link dari kata maka yang terjadi adalah web browser bakal menampilkan bagian berbeda dari naskah yang hendak dituju.

Markup

Disini markup menandakan sebuah file HTML memiliki instruksi yang bisa memberikan sebuah format ke dokumen dengan penampilan World Wide Web.

Language

Seperti disebutkan sebelumnya bahwa HTML ini bukanlah sebuah bahasa pemrograman, namun pada prakteknya itu adalah sekumpulan instruksi untuk mengubah format dari sebuah dokumen. Terlebih dengan diaplukasikan lewat internet menjadikan HTML ini semakin populer digunakan.

Mengenal HTML Tag

Selanjutnya di dalam sebuah dokumen berformat HTML, nantinya akan ada terlihat tags, yang berfungsi menginstruksikan browser agar menampilkan suatu dokumen yang dituju.

Tag sendiri akan terletak dalam tanda kurung, <yang ini> dan digunakan supaya bisa mendeskripsikan sesuati mengenai dokumen.

Tag HTML sendiripun ada 2 jenis, yakni tungga dan berpasangan. Kalau yang tunggal bisa dilihat pada contoh diatas, sedangkan berpasangan bisa dilihat contoh dibawah ini.

Dalam penulisannya akan diawali dengan <kode ini> dan pasti diakhiri dengan </kode ini> yang berarti tanda / (slash) sebagai tanda pengkhir.

Beberapa Aturan dalam HTML

Nah, untuk aturan yang ada di dalam bahasa pemrograman yang satu ini beberapa hal berikut bisa dijadikan referensi:

Tidak bersifat case-sensitive

Misalnya:

<B> Selamat </B>

<b> Selamat </B>

<b> Selamat </b>

<B> Selamat </b>

Dengan menggunakan salah satu syntax yang ada diatas akan memberikan hasil output yang sama, “Selamat” dengan cetak tebal.

Untuk atribut ada yang case-sensitive

Oleh karena itu di dalam penulisan atribut pada HTML seharusnya dibuat persis dengan nama dari atribut yang sudah dicetuskan sebelumnya.

Atribut harus ditulis dengan quote (“”)

Menyematkan atribut di dalam kode html sudah diwajibkan untuk menggunakan tanda quote yang bisa dilihat contohnya sbb:

<img src=”gambarku.jpg” height=”17″ width=”12″ alt=”gambarku” />

Sensitif terhadap tab dan spasi

Pada penulisan kode ini mau berapa saja jumlah ada tab atau spasi yang dipakai maka output yang dihasilkan tetap terhitung sebagai 1 tab/spasi.

Prosedur penyimpanan file

Bagi sebagian orang yang menggunakan HTML tentunya sudah terbiasa dengan penyimpanan file dengan format, contohnya: kerja.html ada pula yang menyematkan hanya dengan kerja.htm

Sangat mudah bukan? Selamat mencoba dan jika masih ada yang akan diupdate akan saya update kemudian. Terimakasih telah menyimak artikel ini. Semoga bermanfaat ya!