Konsep Dasar HTML

HTML: Bahasa Web Browser

“HTML” adalah singkatan dari “HyperText Markup Language”. Pada dasarnya, HTML adalah bahasa yang digunakan untuk mengatur agar teks menjadi memiliki tampilan yang berbeda – beda, seperti bold atau italic, namun tidak terbatas pada hal itu saja.

HTML adalah bahasa dasar yang dipahami oleh web browser. Kita menggunakan banyak bahasa pemrograman di sisi server, seperti PHP, Perl, Ruby, dan lain – lain, namun pada akhirnya, semua bahasa server tersebut akan mengeluarkan hasil akhir berupa HTML (atau Javascript dan CSS). Browser anda akan memproses HTML dan membuatnya menjadi halaman web yang dapat dibaca manusia dengan mudah sesuai bagaimana programmer membuatnya.

Seperti yang sering saya jelaskan di post sebelumnya, HTML adalah bahasa pemrograman di sisi client, sehingga tidak dapat melakukan pemrosesan server seperti melakukan perhitungan matematis, logika if, mengambil data dari database, menerima request, dan lain – lain.

Mari sekarang kita belajar untuk menulis di HTML.

HTML Membungkus Teks Biasa

HTML adalah bahasa markup, jadi sebagian besar HTML hanyalah teks biasa. Contoh, di bawah ini adalah kode HTML :

Halo, saya adalah HTML. Ashiap. Mantap.

Tapi tunggu dulu, kalimat di atas tidak seperti bahasa komputer. Terlihat seperti teks biasa saja.

Yes, HTML memang merupakan teks yang dapat dibaca. Contoh di atas adalah wujud paling mendasar dari HTML.

 

Belajar dari Pengalaman Word Processor

Tentu saja kita ingin lebih dari sekedar text biasa. Contohnya,  huruf miring atau italics.

Kita mengetahui bahwa untuk membuat huruf menjadi italic di program word processor (seperti Microsoft Word, atau LibreOffice), kita hanya perlu menekan tombol I.

Semua kata – kata yang kita ketik setelahnya akan menjadi italics. Kita bisa mengetiknya sampai beberapa halaman. Untuk mengakhirinya, kita hanya perlu sekali lagi menekan tombol I tersebut, sehingga font yang kita ketik setelahnya akan menjadi normal kembali.

Jika kita kembali ke pertengahan kalimat yang telah kita ketik secara italic, ketika kita mengetik teks baru, juga akan menjadi italic. Ada semacam titik awal dan titik akhir dimana kata – kata yang kita ketik akan menjadi italics.

 

HTML Menggunakan “Tags”

HTML juga menggunakan penanda awal dan akhir dari setiap jenis font yang kita buat. Perbedaannya adalah, di HTML, kita dapat melihat penanda tersebut. Bahkan kita dapat mengetiknya langsung. Penanda tersebut disebut dengan Tag HTML.

Sebagai contoh, Anda ingin membuat kode HTML seperti contoh yang saya sebutkan sebelumnya. Anda ingin membuat tulisan “Ashiap” menjadi huruf miring atau italic. Maka Anda perlu mengetik :

<i>Ashiap</i>

Kode lengkap seperti di bawah ini

Halo, saya adalah HTML. <i>Ashiap</i>. Mantap.

Lalu Anda perlu menyimpannya di editor teks, menaruhnya file tersebut di server, kemudian menjalankannya pada browser. Ketika browser menampilkannya, kode tersebut akan terlihat seperti ini :

Halo, saya adalah HTML. Ashiap. Mantap.

Tidak seperti Microsoft Word, Anda tidak melihat kode <i> pada tampilan di browser. Anda mengetikkan kode tersebut, kemudian browser membuat semua huruf yang ada di dalamnya menjadi italic.

 

Jangan Lupa Menutup Tag HTML

Menutup tag HTML sangat penting untuk dilakukan. Jika Anda lupa mengetik penutup tag :

</i>

seperti ini :

Halo, saya adalah HTML. <i>Ashiap. Mantap.

Ini sama saja Anda lupa klik tombol I pada Microsoft Word. Anda akan mendapatkan hasil seperti ini :

Halo, saya adalah HTML. Ashiap. Mantap.

Satu kesalahan pada penutup tag HTML, seluruh kode Anda bisa menjadi berantakan.

 

Selanjutnya, Pelajari Tags HTML

Selamat, Anda telah mempelajari konsep dasar HTML.

HTML kurang lebih adalah teks biasa yang dibuka dan ditutup dengan tag HTML.

Selanjutnya, mari pelajari tag – tag dasar HTMl yang sering digunakan. Saya akan menguploadnya di post berbeda setelah ini.

8.410 comments

  1. Paneer Butter Masala

    Wow! In the end I got a web site from where I be capable of in fact take
    valuable information regarding my study and knowledge.

  2. washudc.org

    3. Lalu bisa melalui media social dan chat mereka bahwa anda ingin deposit dan minta untuk mereka bantu.

    1. Dengan kontak Cs di Live chat dan katakana anda ingin Deposit.
    Maka anda harus cepat membuatnya, yang harus anda perhatikan sebelum membuat no rek adalah lihat bank apa yang
    bekerja sama dengan situs joker123. Bagi para pemain judi online pemula mungkin ingin lebih mengenal lebih dekat dahulu Apa saja jenis-jenis
    permainan pada livecasino. Yang pastinya anda akan di pinta User ID anda apa?
    Setelah itu ada beberapa hal yang harus anda isi yaitu nama anda, User ID anda , nominal deposit
    anda , no rek yang akan di gunakan , Nama rekening dan nama banknya.
    Jadi pastikan anda memiliki salah satu rekening di antara 4 bank tersebut.
    Ya, Ion casino memang sudah banyak dikenal oleh para penggemar casino online terutama di Asia sebagai salah
    satu situs yang menyediakan permainan judi casino online terbaik.

  3. 더킹카지노

    Hi there to every body, it’s my first pay a quick visit of this weblog; this blog
    includes amazing and genuinely good information for visitors.

  4. 仙女

    Greetings! I’ve been reading your weblog for a while now and finally
    got the courage to go ahead and give you a shout out from Houston Tx!

    Just wanted to say keep up the good work!

  5. Ruleta

    Quality content is the secret to interest the users to pay a visit the web page, that’s what this site is providing.

  6. Dorris

    I adore looking at and I conceive this website got
    some genuinely utilitarian stuff on it!

  7. rental boat

    Today,I went to the beachfront with my kids. I found a sea shell and gave it to my 4 yesr old daughter and
    saiid “You can hear the ocean if you put this to your ear.”
    She placed the shell to her ear and screamed. Theee was a hermit crab insie
    and it pinched her ear. She never wants to go back!
    LoL I know thbis is entirely off topic but I had to tell someone!

    Here is my page – rental boat

  8. đánh đề online

    I read this piece of writing fully regarding the resemblance
    of most recent and preceding technologies, it’s amazing article.

  9. Jolene

    Hey, you used to write great, but the last several posts have been kinda boring?
    I miss your tremendous writings. Past several posts are just a bit out of track!
    come on!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *