Tag Dasar HTML Untuk Pemula Part 1 - Belajar HTML


Tag Dasar HTML Untuk Pemula - Belajar HTML

Hallo teman-teman, gimana kabar kalian hari ini? Semoga semua sehat-sehat selalu dan diberikan semanagat untuk hari ini. Dan juga terima kasih sudah mau berkunjung di DXTrip Blog.
Pada kali ini saya akan membahas tentang salah satu bahasa pemrograman yang paling banyak dipelajari oleh para programmer. Bahasa pemrograman kali ini yang akan kita bahas adalah HTML atau Hyper Text Markup Language. HTML sendiri juga sekarang sudah mencapai versi ke-5, dan banyak dari programmer yang belajar agar bisa mengembangkan sebuah website.

Tapi untuk kali ini kita akan membahas dasar-dasar tag dalam HTML terlebih dahulu, agar yang baru mau belajar HTML dapat paham apa saja tag-tag yang termasuk dalam HTML. Berikut akan saya bahas satu-persatu.

1. Tag <HTML> dan </HTML>

Tag <HTML> adalah awal pembuka atau bisa disebutkan juga bahwa ini adalah tag pembuka dari bahasa pemrogramman HTML. Sedangkan untuk tag </HTML> adalah sebagai penutup dari tag pembuka HTML.

2. Tag <HEAD> dan </HEAD>

Tag <HEAD> adalah tag pembuka untuk head atau bisa disebut juga header. Dalam tag ini kita bisa menambahkan CSS atau Java Sript agar menjadikan website kita lebih menarik lagi. Sedangkan untuk tag </HEAD> berfungsi untuk menutup atau sebagai penutur dari head atau header.

3. Tag <TITLE> dan </TITLE>

Tag <TITLE> adalah tag pembuka dari sebuah title atau judul, tag ini berfungsi untuk membuatkan judul jadi website yang akan kita buat yang nantinya akan ditampilkan di paling(pada judul tab). Sedangkan tag </TITLE> sebagai penutup dari sebuah title atau judul.

4. Tag <BODY> dan </BODY>

Tag <BODY> berfungsi sebagai tag pembuka dari sebuah isi website, di tag inilah kita menuliskan isi dari sebuah webite yang nantinya akan kita buat. Didalam tag ini juga banyak lagi tag-tag didalam tag <BODY> yang nanti akan kita bahas di postingan selanjutnya. Sedangkan tag </BODY> berfugsi sebagai penutup dari sebuah isi website.

Software yang harus diperlukan

Adapun software yang harus diperlukan jika kalian ingin belajar HTML, berikut softwarenya :

1. Text Editor, text editor adalah sebuah aplikasi yang berfungsi untuk mengetik contohnya seperti notepad. Dan disarankan agar mendownload aplikasi yang saya sebutkan dibawah ini :
       a. Notepad ++ (Recomended)
       b. Sublime Text (Recomended)

2. Browser, browser berfugsi untuk menjalankan suatau perintah yang sudah kita ketik codenya yang ada didalam text editor yang berformatkan HTML. Untuk browser, kalian bebas memilih browser mana yang menurut kalian bagus, disini saya menggunakan Google Chrome dan Firefox.

Cara penulisan HTML

Adapun cara atau urutan tag HTML yang harus kita pelajari terlebih dahulu, berikut ini adalah contoh penulisan yang benar untuk membuat sebuah HTML :

<HTML>
<HEAD>
<TITLE> Website Pertama Saya </TITLE>
</HEAD>
<BODY>
Ini website pertama saya
</BODY>
</HTML>

Cara menyimpan HTML

Jika kita ingin menjalankan segala perintah (code) yang sudah kita ketik didalam text editor, langkah selanjutnya adalah dengan menyimpannya atau kita Save dengan format HTML. Lebih jelaskan akan saya paparkan seperti gambar dibawah ini :


Simpan sesuai dengan nama yang kalian inginkan, misalnya disini saya menyimpan dengan nama Website.html.

Cara membuka menjalan HTML di browser

Jika kita sudah menyimpan HTML yang sudah kita buat tadi, selanjutnya kalian buka file yang sudah kalian simpan tadi. Selanjutnya buka file tersebutdengan browser, caranya adalah klik kanan pada file > open with > Mozila Firefox / Google Chrome.

Maka hasilnya akan seperti gambar dibawah ini :


Gimana? Mudahkan berlajar HTML ini? Jika kalian punya niat yang kuat untuk belajar, saya yakin kalian nanti akan paham dengan maksud dari tutorial diatas tersebut. Sedikii demi sedikit nantinya juga akan paham kok, saya juga dulu seperti itu saat baru pertama belajar.

Mungkin cukup sampai disini akhir dari pertemuan kita kali ini, jika ada yang inign ditanyakan silahkan berkomentar dibawah dan saya ucapkan terima kasih telah menghabiskan waktu yang anda berikan. Semoga ini bisa lebih bermanfaat bagi teman-teman semuanya.
   

No comments:

Post a Comment