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.

3.228 comments

  1. https://www.imdb.com/

    I would like to thank you for the efforts you’ve put in writing this blog.
    I really hope to check out the same high-grade content from you later on as well.
    In fact, your creative writing abilities has inspired me to get my own site now ;
    )

  2. 우리카지노

    I just like the helpful information you provide for your articles.
    I’ll bookmark your weblog and test once more here regularly.
    I am reasonably sure I will be told plenty of new stuff
    proper right here! Good luck for the next!

  3. hydroponics singapore

    I’m pretty pleased to uncover this page. I wanted to thank you for your time for this fantastic read!!
    I definitely loved every part of it and I have you book-marked to see new
    things in your blog.

  4. http://portal-db.live/myeschedule

    Howdy, I think your blog could possibly be having web browser
    compatibility issues. When I take a look at your
    web site in Safari, it looks fine however when opening in Internet Explorer, it has some overlapping issues.

    I simply wanted to provide you with a quick heads up!
    Other than that, excellent site!

  5. covid battipaglia oggi

    Incredible! This blog looks exactly like my old one! It’s
    on a totally different subject but it has pretty much the same
    page layout and design. Superb choice of colors!

  6. شاحن جوي

    Hi there! Someone in my Facebook group shared this website with us so
    I came to take a look. I’m definitely enjoying the information.
    I’m bookmarking and will be tweeting this to my followers!

    Great blog and outstanding design.

  7. energy monitoring system

    Definitely believe that which you said. Your favorite justification appeared to be on the web the simplest thing to
    be aware of. I say to you, I definitely get annoyed while people consider worries that they just do not know about.
    You managed to hit the nail upon the top and also defined out the whole thing without having side-effects , people
    can take a signal. Will probably be back to get
    more. Thanks

  8. profiting

    It’s very easy to find out any topic on web as compared to textbooks, as I found this article at this web page.

  9. ayþe

    This is the right web site for everyone who would like to understand this topic.
    You know so much its almost tough to argue with you (not that I really will need to…HaHa).
    You definitely put a new spin on a subject that’s been written about for ages.
    Excellent stuff, just excellent!

  10. Groomit Pet Grooming

    Heya i’m for the primary time here. I came across this board and I
    find It truly useful & it helped me out a lot. I hope to present one thing back and aid others such as
    you helped me.

  11. steai

    Amazing! This blog looks just like my old one! It’s on a completely
    different topic but it has pretty much the same page layout and design. Superb choice of colors!

  12. ponti

    I’m not sure exactly why but this weblog is loading very slow for me.
    Is anyone else having this issue or is it a problem on my end?
    I’ll check back later on and see if the problem still
    exists.

  13. fatigues

    Have you ever thought about writing an e-book or guest authoring on other websites?

    I have a blog centered on the same subjects you discuss and would
    love to have you share some stories/information. I know my audience would enjoy your work.
    If you are even remotely interested, feel free to shoot me an e mail.

  14. scrape

    I’m gone to inform my little brother, that he should also
    pay a quick visit this web site on regular basis
    to get updated from newest information.

  15. Domino99

    Way cool! Some extremely valid points! I appreciate you penning this post and also the rest of the website is extremely good.

    Feel free to surf to my web blog – Domino99

  16. 먹튀검증

    of course like your web-site but you have to
    test the spelling on quite a few of your posts. A number of them are rife with spelling issues and I
    find it very bothersome to tell the reality however I will definitely come again again.

    Also visit my web site :: 먹튀검증

  17. Agen Slot

    You work for the casino? Now all we have to do is wait for the government to agree and all casinos will Open.

  18. content spinner software

    Nice post. I used to be checking constantly this weblog and I’m impressed!

    Extremely useful information specially the final section 🙂 I care for
    such info a lot. I was looking for this certain info for a long time.
    Thank you and best of luck.

  19. Sisters of Mercy

    I know this if off topic but I’m looking into starting my own blog and was curious what all
    is required to get setup? I’m assuming having a
    blog like yours would cost a pretty penny?
    I’m not very web savvy so I’m not 100% certain. Any recommendations or advice would
    be greatly appreciated. Thank you

  20. Canon XF400

    Simply wish to say your article is as surprising. The clarity in your post is simply spectacular and
    i could assume you are an expert on this subject. Fine with your permission let me to grab your feed to keep up to
    date with forthcoming post. Thanks a million and please
    continue the gratifying work.

  21. https://donnystudler.blogspot.com/2020/10/bhofwor.html

    Yesterday, while I was at work, my cousin stole my iphone and tested to see if it can survive a 40 foot drop, just so she can be a youtube sensation. My apple
    ipad is now destroyed and she has 83 views. I know this is
    entirely off topic but I had to share it with someone!

  22. theking

    This is my first time go to seee att heree and i am really pleassant to read all at one place.

    Here is my web site: theking

  23. Agen Slot

    So is it closed closed? Or just closed for the time being?

Tinggalkan Balasan

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