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.

11.398 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!

  10. bdsm bern

    Very good post! We will be linking to this particularly great post on our website.
    Keep up the good writing.

  11. Situs Online Judi Terbaik

    Attractive section of content. I just stumbled upon your site and in accession capital to say that I acquire in fact loved account your blog
    posts. Any way I’ll be subscribing for your augment or even I success you get admission to constantly quickly.

  12. situs Judi slot dan sabung ayam

    Good day! Do you know if they make any plugins to help with SEO?

    I’m trying to get my blog to rank for some targeted keywords but I’m not
    seeing very good gains. If you know of any please share.
    Many thanks!

  13. 188bet

    It’s a shame you don’t have a donate button! I’d most certainly donate to this fantastic blog!
    I suppose for now i’ll settle for bookmarking and adding
    your RSS feed to my Google account. I look forward to brand new updates and will share this blog with
    my Facebook group. Talk soon!

  14. Free Ad

    When someone writes an post he/she maintains the plan of a user
    in his/her mind that how a user can be aware of it. Thus
    that’s why this piece of writing is outstdanding.
    Thanks!

  15. Joy Sticks

    She is a life-lengthy gamer and a writer who has written lots of of on-line articles over the
    past 4 years.

  16. 대구출장마사지

    I need to to thank you for this fantastic read!! I certainly loved every bit of it. I’ve got you saved as a favorite to check out new stuff you post횜

  17. seo

    I am actually grateful to the owner of this web site who has
    shared this impressive paragraph at here.

  18. lees verder over dit onderwerp

    Hello just wanted to give you a quick heads up.
    The text in your article seem to be running off the screen in Ie.
    I’m not sure if this is a format issue or something to do with internet
    browser compatibility but I figured I’d post
    to let you know. The style and design look great though!
    Hope you get the issue solved soon. Cheers

  19. Payday Loans Online

    [url=https://wpaloans.com/]how can i get a loan with bad credit[/url]

  20. situs judi Slot bonus member Baru

    I don’t even know the way I finished up right here, but I assumed
    this submit used to be great. I don’t know who you are however certainly
    you’re going to a well-known blogger if you happen to aren’t already.
    Cheers!

  21. bidet

    Hey there! I’ve been following your site for some time now and finally got the bravery to go ahead and give you a shout out from Atascocita Texas!

    Just wanted to tell you keep up the great work!

  22. Franchesca

    I think that is one of the so much significant info for me.
    And i’m glad reading your article. But want to statement on some common issues,
    The web site style is ideal, the articles is in reality excellent : D.
    Excellent activity, cheers

  23. Dieta pudelkowa Warszawa

    Hey There. I found your blog using msn. This is a very well written article. I?ll be sure to bookmark it and come back to read more of your useful information. Thanks for the post. I will certainly return.

  24. blue film

    Thanks for the good writeup. It in truth was a entertainment
    account it. Look advanced to more added agreeable from you!

    However, how can we keep in touch?

  25. vmware certification cost

    I loved as much as you will receive carried out right here.
    The sketch is attractive, your authored material stylish.
    nonetheless, you command get got an nervousness over that you wish be delivering the following.
    unwell unquestionably come more formerly again since exactly
    the same nearly a lot often inside case you shield this
    increase.

  26. SEM

    Hi! I just wanted to ask if you ever have any issues with hackers?
    My last blog (wordpress) was hacked and I ended up losing a few months of hard work
    due to no back up. Do you have any methods to prevent hackers?

Tinggalkan Balasan

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