Tools Yang Diperlukan Untuk Memulai Belajar HTML

Halo para pembaca sebangsa dan setanah air, pada tulisan tools yang diperlukan untuk memulai belajar HTML, saya akan memberikan sedikit gambaran dari mana kita harus memulai belajar bahasa HTML. Walau sudah banyak diantara kita yang sudah tidak asing lagi dengan yang namanya HTML, tapi tidak ada salahnya saya tulis kembali, agar rekan-rekan lain, yang kebetulan belum mengetahuinya, bisa terbantu dan syukur-syukur lebih semangat lagi buat mempelajarinya.

Sekilas Tentang HTML

HTML sendiri merupakan singkatan dari Hyptertext Markup Languange, yaitu sebuah bahasa yang digunakan untuk memarkup atau memanipulasi sebuah halaman web. Sebuah bahasa HTML dimulai dari tag yang ditulis seperti ini <html> dan diakhiri dengan tag penutup, yang biasa ditulis </html>. Selain tag html ada yang namanya tag head, berisikan tag title yang akan muncul pada browser sebagai judul yang sobat masukkan pada saat pengetikan kode-kode HTML. Setelah itu tag title ditutup diakhiri, maka sobat harus menutup tag head juga, seperti ini </head>.

Untuk menampilkan sebuah tulisan, video, gambar dan lain sebagainya, diperlukan tag body atau biasa ditulis dengan <body> dan diakhiri dengan </body>

Editor HTML dan CSS

Untuk menuliskan tag HTML, sobat perlu sebuah editor seperti: macromedia dreamweaver, notepad++, notepad, aptana studio, dan lain sebagainya. Perlu sobat ingat, ekstension atau akhiran filenya waktu menyimpan harus .htm atau .html (titik html) dan tipe penyimpanannya harus All File (All Types), agar tidak dianggap text biasa. Contoh penulisan file HTML: namakamu.html, judulpertama.html, dan sebagainya.

Untuk menampilkan tag HTML yang telah sobat buat, diperlukan sebuah browser, dimana browser merupakan sebuah aplikasi yang digunakan untuk menjelajahi internet. Contoh browser, diantaranya: mozilla firefox, internet explorer dan google chrome. 

Membuat Tag HTML Pertama

 Pada contoh pertama ini, sobat bisa membuat  sebuah judul atau heading. Heading biasanya digunakan pada sebuah judul artikel. Langkah pertama, silahkan editor kesukaan sobat dalam menulis kode-kode HTML, disini saya menggunakan Notepad biasa bawaan windows. Oke, berikut tag-tag HTML, yang bisa sobat ketikkan untuk membuat tag Heading:
<html>
<head>
<title>Belajar Tag Heading</title>
</head>
<body>
<h1>Judul Pertama</h1>
<h2>Judul Kedua</h2>
<h3>Judul Ketiga</h3>
<h4>Judul Keempat</h4>
<h5>Judul Kelima</h5>
<h6>Judul Keenam</h6>
</body>
</html>

Maka hasilnya bila sobat jalankan di browser seperti google chrome, akan tampak seperti ini:

Judul Pertama

Judul Kedua

Judul Ketiga

Judul Keempat

Judul Kelima
Judul Keenam
Demikian tutorial Singkat mengenai tools yang diperlukan untuk memulai belajar HTML, karena ini merupakan tulisan tutorial yang pertama tentang HTML, maka contoh pembuatan tag Heading menjadi pembuka pada penulisan ini. Semoga bermanfaat.

Comments

Popular posts from this blog

Pengertian dan Istilah Penting Pada Microsoft Access

Perbedaan Antara BIOS dan OS (Sistem Operasi)

Mengenal Manajemen File Windows