memahami html

Memahami HTML dalam membuat halaman web | WebHTML | 01

Posted on

Jika anda melihat sebuah halaman web pernakah anda terfikir bagaimana cara membuat halaman web sehingga menjadi sedemikian rupa? dari tata letaknya, elemen-elemennya, formulir isian, tulisan yang jika di klik akan menampilkan halaman website lainnya, dan lain-lain. Ketahuilah dasar dari desain halaman tersebut menggunakan desain kode dari bahasa HTML. Apa itu HTML? kali ini perpusteknik.com akan membahas mengenai “Pengertian HTML”. dengan topik berikut :

1. Memahami HTML dari pengertiannya
[sc name=”iklan umum terbaik 300 x 250 float left”]

HTML merupakan singkatan dari Hypertext Markup Language. HTML merupakan bahasa khusus yang digunakan yang terdiri dari komponen-komponen untuk membuat halaman web, misalnya : saat anda melihat halaman website dari perpusteknik.com, halaman website yang anda lihat tersusun dari kumpulan kode-kode HTML. Tanpa bahasa HTML, halaman website tidak bisa tampil dengan baik. Apakah anda melihat tab menu dari website ini? Apakah anda melihat area postingan ini? dan apakah anda melihat sidebar dan footer dari website perpusteknik.com? semuanya memiliki susunan kode HTML. HTML sendiri terdiri dari 3 suku kata yaitu :

—- 1.1 Suku Kata HT (HyperText)

“HT” merupakan singkatan dari HyperText, yang berarti bukan sekedar text biasa. Text ini memiliki kelebihan dimana dapat memuat link dan gambar. Link adalah istilah yang dipakai saat anda mengklik kata tertentu akan mengarah ke alamat yang ditujukan dari link tersebut, contoh kliklah text berikut “Home Perpusteknik”, maka anda akan di alihkan ke halaman awal situs ini jika anda mengkliknya, begitupun dengan text yang memuat gambar dengan desain kode <img src=”https://……..”> maka dengan mengganti tulisan “https://…….” dengan link gambar yang sesungguhnya, maka akan tampil gambar yang dimaksud.

Baca juga :   Cara membuat kode CSS | WebCSS | 05
—- 1.2 Suku kata M (Markup)

“M” merupakan singkatan dari Markup, dimana Markup dapat diartikan sebagai penanda. Jadi, kode desain dari HTML terdiri dari tanda-tanda khusus yang memiliki fungsi masing-masing dalam menyusun sebuah halaman website. Misalnya, tanda dari tag <p> digunakan sebagai awal penanda untuk menulis kalimat dalam 1 paragraf, tag <em> digunakan sebagai tanda awal untuk mebuat teks menjadi miring dan tag <strong> digunakan sebagai awal penanda untuk membuat teks menjadi tebal. Lalu ada berapa Markup yang disediakan di dalam desain kode HTML untuk membagi fungsi-fungsinya dalam mendesain halaman website? jawabannya adalah banyak. Begitu banyak tag-tag yang di sediakan dalam desain kode HTML sehingga situs ini membutuhkan banyak bahasan pada kategori “Web Design & Web Programming“.

—- 1.3 Suku kata L (Language)

“L” merupakan singkaan dari Language, yang berarti adalah bahasa. Hal ini menjelaskan bahwa desain kode HTML adalah sebuah bahasa, bahasa yang dimaksud adalah bahasa yang dikhususkan untuk berinteraksi dengan browser, karena memang bahasa HTML bukan digunakan untuk berinteraksi dengan manusia. disisi lain HTML hanyalah sebuah bahasa yang tidak di program. Artinya, bahasa HTML itu bersifat statis dan tidak memiliki fungsi yang menjadikan website menjadi dinamis. Bahasa pemograman sendiri terdiri dari pemograman PHP, Javascript, python, Javascript, c, C#, java dan lain-lain. Jadi jangan menganggap HTML adalah bahasa pemograman ya…

2. HTML merupakan fisik dari halaman website

Halaman website merupakan halaman yang terdiri dari susunan kode HTML. Apa yang anda lihat di website perpusteknik.com semua tampilannya adalah bahasa HTML yang dipercantik dengan desain kode CSS, sedangkan untuk interaksi yang membuat situs ini menjadi lebih hidup menggunakan bahasa pemograman dari web programming. Ibarat kata, jika di ilustrasikan seperti manusia, HTML adalah angota tubuh manusia yang hanya jasadnya saja, sedangkan ruh dan cara berfikirnya membutuhkan bahasa pemograman dari PHP, Javascript, Python dan lain-lan. Disisi lain untuk mempercantik tubuh manusia tentu butuh pakaian yang menarik untuk dilihat, pakaian inilah adalah CSS. intinya, HTML merupakan bahasa yang digunakan untuk menyusun fisik dari halaman website tersebut.

Baca juga :   Sejarah CSS | WebCSS | 04
[sc name=”Iklan teknik sesuai konten”]
3. Seperti apa penerapan dari bahasa HTML ini?

Tanpa pikir panjang, saya akan mempraktekan kepada anda tentang bagaimana penerapan desain kode HTML pada halaman website, lihatlah desain kode html berikut :

<p> 1. Tulisan ini adalah kalimat paragraph pertama </p>
<em> 2. Tulisan ini adalah kalimat miring </em>
<strong> 3. Tulisan ini adalah tulisan tebal </strong>

Jika di generate pada browser maka desain kode tersebut tampilannya akan menjadi seperti ini : 1. Tulisan Ini adalah kalimat paragraph pertama 2. Tulisan ini adalah kalimat miring 3. Tulisan ini adalah tulisan tebal

Leave a Reply