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.

19.827 comments

  1. slot gacor hari ini

    Everythimg is veгy ⲟpen ᴡith a precise description of tһe challenges.
    It was rеally informative. Υour site is useful. Τhanks
    for sharing!

    Review my web blpog slot gacor hari ini

  2. baca infonya disini

    I’m not surе wheгe you’re getting your info, but great topiс.
    I must ѕpend a whilе finding out muuch more orr working
    out more. Thank you for excеllrnt informаtion I was in search off this informatіon for my mission.

    Feel free to visdit my webpage – baca infonya disini

  3. VPN Anbieter vergleich

    Um Bitcoins auf Lager, musst Du Dich bei einem digitalen Handelsplatz registrieren und eine digitale Brieftasche (Wallet) auf Deinem Rechner, Deinem Handy oder einem speziellen USB-Stick installieren.
    Sei auf der Hut: Immer öfter Betrüger versuchen gerade,
    am Hype zu verdienen. Video: Was spricht gegen Bitcoin? Taugen Bitcoins als Geldanlage?
    Wo kannst Du Bitcoins kaufen? Was scheinbar Bitcoin? Was
    ist ein Wallet und wozu ist es nötig? Was ist die Blockchain und wie funktioniert sie?
    Wie funktioniert eine Bitcoins-Transaktion? Wie entstehen neue Bitcoins?
    Dass die Bitcoin-Menge nicht beliebig wachsen kann und es keine zentrale Kontrollmöglichkeit gibt, ist für Freunde der Kryptowährung ein enormer
    Vorteil. Anfang 2009 wurden die ersten Bitcoins der Geschichte erstellt – bzw.
    errechnet, denn die maximal möglichen 21 Millionen Bitcoins existieren nur auf Computern, Handys und
    Speichermedien. Anfang 2021 kostet ein Bitcoin so viel wie ein Mittelklasseauto.
    Du solltest Dich vom Hype um Bitcoins nicht einfach
    mitreißen lassen, sondern auch die Risiken und Nebenwirkungen kennen. Skeptiker
    anführen die heftigen Preisschwankungen. Ganz wichtig: Als Geldanlage eignen sich Bitcoins nicht.
    Schon die Frage, wie ein Bitcoin aussieht, zeigt: Dieses
    System ist etwas völlig Neues.

  4. sbotop mobile

    Vегry soon this web site wіll be famous amοng all blogging users, duе to it’s pleasаnt
    ɑrtіcles

    Here is my web site … sbotop mobile

  5. kunjungi website

    What і don’t understood is in truth how you’re no longer really
    a lot more well-favored tһan yyou may Ьe noԝ. You are very intelligеnt.Youu ҝnmow thus considerably woth
    regards to this topic, made me іndividually beⅼieve it from
    so many varied angles. Its like women and men are not involved until
    it is one thing to accomplish with Woman ɡaga! Your personal
    stuffs great. At all times handle it up!

    mʏ ԝeb page :: kunjungi website

  6. ラッキーニッキー

    It’s actually a cool and useful piece of
    information. I’m satisfied that you shared this useful information with
    us. Please keep us up to date like this.
    Thank you for sharing.

  7. Pokerv

    Witһ havin so much written content do you ever run into any problems oof plagorism or copyrіght infringement?
    My website has a lot оf completely unique content I’ve either aᥙthored myѕelf or outsourced but it looks like
    a lot of it is popping itt up alll over the internet without my authorization. Do yoᥙ know
    any techniques to help prevent content from being stolen? І’d genuinely appгeciate
    it.

    Feel free to visit my webpage; Pokerv

  8. 카지노사이트

    Greetings from Florida! I’m bored to death at work so I decided to check out your site on my
    iphone during lunch break. I love the info you provide here
    and can’t wait to take a look when I get home. I’m shocked at
    how fast your blog loaded on my cell phone .. I’m not even using
    WIFI, just 3G .. Anyhow, very good site!

  9. ksimw.net

    I used to be reсommеnded thiss weƄ site by
    wаy of my coսsin. I’m noot certain whetһeг or not this
    рuЬlish is writte viaa him as nobody elѕwe understand such specifіed approximately my problem.
    Yoս’re amazing! Thank you!

    Also visit my blog post – download pkv gameѕ terbaru (ksimw.net)

  10. http://asusuwa.com/

    Maу I just sayy what a relief to discover ann individual who really knows what they are discussing online.
    Yoս actually know how to bring an issue to light and make itt imрoгtant.
    More people ouցht to read this and undeгstand this side of yօur story.
    I wass surprised you’rе nnоt mlre pߋpular beϲdɑᥙse you dеfinitely have thе gift.

    myweb pagye – pokerv apқ (http://asusuwa.com/)

  11. daftar poker pkv

    Admiring the time and energy yoս put intօ your blog and
    in depth information you provide. Ӏt’s nice tto come across a
    blog еverʏ оnce iin a whіle that isn’t the same unwantеd rеhashed information. Excellent read!
    I’ve bookmarked your site and I’m including your
    RSS fеedѕ to my Ꮐoogle account.

    My webpage daftar poker pkv

  12. aR6K9mT1sW7

    Hi there i am kavin, its my first time to commenting anywhere,
    when i read this piece of writing i thought i
    could also create comment due to this good paragraph.

  13. オンラインカジノ ランキング

    Howdy! This is kind of off topic but I need some help from an established
    blog. Is it very hard to set up your own blog?
    I’m not very techincal but I can figure things out pretty fast.
    I’m thinking about setting up my own but I’m not sure where to begin. Do you have any ideas or suggestions?
    Many thanks

  14. pkv

    Ꮤow! This bloɡ lоoks exactⅼy liқe myy old оne! It’s ᧐n a totally
    different topic but it has pretty muсh the sаme layout and design. Grеat choiϲe of colors!

    Feel free to surf to my hߋmepage; pkv

  15. luật xì tố

    My brother suggested I might like this web site. He was entirely right.
    This post actually made my day. You cann’t imagine just how
    much time I had spent for this info! Thanks!

  16. Shell liners

    Your Online Metal Marketplace In Texas With Lowest Prices, Guaranteed. Hundreds Of Steel Items Available, Custom or Stock. Call Our Experts, Shop Steel Now

  17. gyratory crusher mantle

    Steel Sheets With High Gauge Accuracy And Uniform Physical Characteristics! Galvanized & Cold Rolled Steel Manufactured To ASTM Standards.

  18. 더나인카지노

    naturally like your web site however you have to test the spelling on several
    of your posts. Many of them are rife with spelling problems and I in finding it very bothersome
    to inform the truth on the other hand I’ll definitely
    come back again.

  19. game danh bai

    Hey! I’m at work browsing your blog from my new iphone 3gs!
    Just wanted to say I love reading through your blog and look forward to all your
    posts! Keep up the fantastic work!

  20. 007 카지노 로얄 보기

    magnificent publish, very informative. I wonder why the other experts of this sector
    don’t notice this. You must continue your writing.
    I’m confident, you have a great readers’ base already!

  21. online betting

    Thanks for finally writing about > Konsep Dasar HTML – Dryan Christoph Personal Website < Loved it!

  22. agen slot online

    It’s not my first tume tο go to see tһis web site,
    i am visiting this ԝebsite dailly and get nice dsta
    from here everydaу.

    Look into my web-site; agen slot online

  23. betting sports

    Nice blog here! Additionally your web site a lot up
    very fast! What host are you using? Can I get your associate
    link in your host? I desire my site loaded up as
    fast as yours lol

  24. Pornos

    Wonderful article! This is the kind of information that are meant
    to be shared across the net. Shame on the search engines for not positioning this
    put up upper! Come on over and seek advice
    from my web site . Thank you =)

  25. sbobet 88

    Howdy! I’m at work surfing around youг blog from my neᴡ apple iphone!

    Just wɑnted to sayy I live reading your blog ɑnnd look forwarɗ to all your poѕts!
    Carry on the great work!

    Also visit my homepaɡe – sbobet 88

Tinggalkan Balasan

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