varanim: Praktek 1 Pemograman Web

PENGENALAN HTML DAN TAG HTML

HTML kepanjangan dari Hypertext Markup Language yaitu bahasa yang digunakan untuk membuat suatu halaman website dan menampilkan informasi website dalam sebuah browser. HTML merupakan bahasa dasar dalam pembuatan suatu web. Dan bagi anda yang ingin menjadi seorang web programmer maka anda harus dapat menguasai bahasa HTML.Terdapat banyak bahasa pemrograman web yang mendukung untuk memanipulasi kode HTML, diantaranya ada Java Script, PHP dan CSS. Namun disini saya sarankan anda untuk memahami HTML terlebih dahulu.

Ada beberapa editor yang digunakan untuk menaruh kode-kode HTML diantaranya ada Notepad, Macromedia Dreamweaver MX, Ultra Edit, Ms. Front page dll. Dan dalam memilih editor tidaklah sulit dan tidak perlu menggunakan aplikasi yang berat dan besar. dan dalam praktek pemrograman web ini saya menggunakan Sublime Text 3.

Setelah kita menaruh kode-kode HTML di editor, maka kita membutuhkan aplikasi web browser.Web Browser (atau biasa disebut browser) adalah sebuah software aplikasi untuk menerima, menampilkan, dan menerjemahkan informasi dari world wide web (wikipedia). Kode HTML yang kita buat akan diterjemahkan oleh web browser agar tampil seperti yang dirancang.

Tag adalah elemen dalam HTML yang merupakan isntruksi kepada web browser bagaimana menampilkan teks, gambar, atau link. Tag dimulai dengan karakter [ < ], dan diakhiri dengan karakter [ > ]. Dalam tanda [ < > ] tertulis perintah kepada web browser. Satu perintah terdiri dari dua tag, yakni tag pembuka [ < > ] dan tag penutup [ </ >].

Sebagai contoh, misalnya judul halaman ini menggunakan tag header :
<h3> Apa itu tag HTML ? </h3>
Tag tersebut akan memberikan informasi kepada web browser untuk menampilkan teks "Apa itu tag HTML ?" dengan style header level 3. Tag HTML dapat menginstruksikan web browser untuk menebalkan sebuah teks (bold), menampilkan dengan format miring/italic, membuatnya sebagai sebuah header dengan level tertentu, atau membuatnya sebagai sebuah hyperlink ke halaman web yang lain.

Sebuah tag penutup </nama_tag> selalu diberikan karakter "/", yang berfungsi untuk memberhentikan proses tagging kepada web browser. Banyak tag HTML yang selalu berpasangan dengan cara seperti ini. Bila kita lupa memberikan tag penutup maka web browser akan menganggap bahwa tag tersebbut berlaku untuk keseluruhan dokumen dan hasil tampilan halaman web tersebut tidak seperti yang kita inginkan.Penulisan tag-tag HTML tidak memperhatikan penggunaan huruf (case in-sensitive), apakah menggunakan huruf besar atau huruf kecil, akan menghasilkan tampilan yang sama.

Tidak seperti di bahasa pemrograman, kesalahan akibat peletakan atau penggunaan tag HTML tidak akan mengakibatkan sistem komputer menjadi hang atau rusak. Kesalahan tersebut hanya akan berakibat pada tampilan halaman web tersebut.

Dan pada praktek 1 ini saya menggunakan Tag - tag dasar html seperti <html>, <head>, <title>, <body>, <h?>, <p>, <br>, <ol>, <li>. dimana definisi dari masing tag :

<html> Mendeskripsikan bahwa tag yang ada di bawahnya merupakan bagian dari HTML

<head> Header

<title> Judul web

<body> Mendeskripsikan bagian tubuh dari HTML

<h?> Heading. ? diisi dengan angka 1-6. Semakin besar angkanya, tulisannya semakin kecil

<p> Membuat paragraf

<br> Break line atau enter. Tag ini tidak memiliki tag end
<ol> Daftar dengan huruf,angka, atau huruf romawi
<li> Menyatakan bahwa teks yang diapit oleh tag ini adalah bagian dari tag list(ol atapun ul)

Selanjutnya gunakan tag html diatas untuk membuat file html sederhana, Dan seperti yang saya telah beri tau diatas bahwa saya menggunakan text editor Sublime Text. Dan format penulisan tag untuk membuat file html sederhana seperti gambar dibawah ini.