A. Pengertian
HTML atau kependekan dari “Hypertext Markup Language” merupakan bahasa pemrograman dasar yang digunakan ketika akan membuat halaman web, baik web yang statis maupun web yang dinamis. HTML merupakan bahasa markup (markup language). Pada HTML terdapat berbagai tag atau elemen yang dapat digunakan untuk memformat sebuah dokumen dalam web.Jadi, HTML yaitu bahasa pemrograman dasar untuk membuat sebuah web, yang bertujuan untuk menampilakan sebuah informasi guna menghasilkan tampilan yang terintegerasi.
B. Sejarah
HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML). HTML sebenarnya adalah dokumen ASCII atau teks biasa, yang dirancang untuk tidak tergantung pada suatu sistem operasi tertentu. HTML dibuat oleh Tim Berners-Lee ketika masih bekerja untuk CERN dan dipopulerkan pertama kali oleh browser Mosaic. Selama awal tahun 1990 HTML mengalami perkembangan yang sangat pesat. Setiap pengembangan HTML pasti akan menambahkan kemampuan dan fasilitas yang lebih baik dari versi sebelumnya. Namun perkembangan resmi dikeluarkan pada bulan November 1995 oleh IETF (Internet Engineering Task Force). HTML 2.0 ini merupakan penyempurnaan dari HTML+ (1993).
HTML 3.0 (1995) memberikan kemampuan lebih daripada versi sebelumnya. Sebuah usaha dari World Wide Web Consortium’s (W3C) HTML Working Group pada tahun 1996 menghasilkan HTML 3.2. HTML versi ini secara resmi diterbitkan pada bulan Januari 1997. HTML versi terbaru adalah HTML 4.01 yang dikeluarkan secara resmi oleh W3C pada tanggal 24 April 1998. HTML merupakan perbaikan dari HTML 4.0 yang lebih dulu diterbitkan. (18 Desember 1997).
C. Dasar-Dasar HTML
Mendesain HTML berarti melakukan suatu tindakan pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun. Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML adalah adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa senang dan bermanfaat.
Membuat file HTML bisa memakai berbagai software, seperti:
1. Notepad
2. Sublime Text
3. Edit Plus
4. Notepad++
D. Tag, Elemen, Atribut
1. ElemenElemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Contonya untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML.
2. Tag
Tag merupakan teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body. Tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
3. Atribut
Atribut terdapat di dalam script sebuah elemen dan memberikan informasi tambahan tentang elemen. Atribut selalu ditentukan dalam tag awal Atribut ditulis dalam pasangan nama / nilai.
Nilai dari atribut harus selalu tertutup dalam tanda kutip. Tanda kutip ganda adalah yang paling umum, tapi gaya tanda kutip tunggal juga diperbolehkan. Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip, maka perlu menggunakan tanda kutip tunggal Misalnya: name = 'Ahmad "Aceng" Fikri'.
E. Struktur Dasar HTML
<html> </html>
Tag <html> dan </html> digunakan untuk menandai awal dan akhir dari suatu file HTML.
<head> </head>
Berisi keterangan informasi, seperti title dan jenis dokumen, ditulis diantara <head> </head>.
<title> </title>
Tulisan yang berada diantara tag <title> dan </title> akan ditampilkan oleh browser pada bagian title dan merupakan judul dari jendela browser.
<body> </body>
Bagian tag <body> </body> menandai awal dan akhir dari badan dokumen HTML. Tag ini memiliki sejumlah atribut yang dapat ditentukan.
Atribut dari <body> adalah:
<body bgcolor> : mengatur warna background halaman web
<body text> : mengatur warna text didalam body
<body background> : mengatur gambar background dari halaman web.
Atribut dari <body> adalah:
<body bgcolor> : mengatur warna background halaman web
<body text> : mengatur warna text didalam body
<body background> : mengatur gambar background dari halaman web.
F. Pengaturan Halaman Web HTML
1. Mengatur Tulisan
a. Heading
Heading adalah hal yang penting dalam sebuah Document HTML. Heading didefinisikan dengan tag <h1> sampai dengan <h6>. Semakin besar angka dalam penulisan tag Heading semakin kecil ukuran yang tercetak dalam browser. Contoh:
b. Paragraf
Membuat paragraf dalam HTML dapat menggunakannya dengan tag <p>. Pada browser, secara otomatis penulisan paragraf akan menambahkan baris kosong sebelum dan sesudah paragraf.
Sebagian besar browser akan membenarkan penulisan HTML Paragraf, bahkan jika kita melupkan tag tersebut. Tetapi, tidak menuliskan tag dalam penulisan paragraf membuat hasil tulisan yang tercetak pada HTML tidak tertulis rapi.
Dalam penulisan paragraf, untuk mengganti baris dalam paragraf tersebut dapat kita gunakan tag break, dapat di tulis <br>. Contoh:
c. Format huruf
<font face="bentuk"> tag untuk mengganti bentuk huruf
<font size="ukuran"> tag untuk mengganti ukuran huruf
<font color="warna"> tag untuk mengganti warna huruf
</font> tag penutup dari font.
ket: huruf yang berwarna biru itu isi sesuai keinginan kalian.
<b> untuk menebalkan huruf </b>
<u> untuk menggaris bawahi huruf </u>
<i> untuk memiringkan huruf </i>
d. Mengatur Perataan Paragraf
Pemerataan tulisan sangat mempengaruhi tampilan dari halaman web anda, ada kalanya tulisan tertentu perlu ditampilkan pada tengah halaman, atau pun justified. Tag-tag HTML yang mengatur pemerataan tulisan pada satu halaman:
· <center> </center>
Tag ini akan menampilkan tulisan/gambar ditengah baris.
· <p align="left/center/right/justify"> </p>
Tag paragraf digunakan untuk memulai suatu paragraf baru disertai dengan pemerataan teks ke kiri, tengah, atau kanan dari tampilan browser untuk paragraf bersangkutan. Suatu paragraf dapat terdiri dari teks, gambar, hyperlink, dan element HTML lainnya.
e. Menampilkan Gambar
Dalam HTML, gambar didefinisikan dengan tag <img>. Tag <img> kosong, yang berarti mengandung atribut saja, dan tidak memiliki tag penutup. Untuk menampilkan gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari source yang artinya sumber. Contoh:
height = mengatur ketinggian gambar
width = mengatur kelebaran gambar
border = mengatur ketebalan bingkai gambar
alt = nama gambar
f. Link
HTML tag <a> mendefinisikan hyperlink. Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen lain.
Bila Anda memindahkan kursor di atas link dalam sebuah halaman Web, panah akan berubah menjadi sedikit tangan. Atribut yang paling penting dari elemen <a> adalah atribut href, yang menunjukkan tujuan link. Contoh:
2. Membuat List
a. Unordered List
Contoh:
b. Ordered List
Contoh:
Contoh:
3. Membuat Tabel
Di dalam tag <tabel> harus terdapat attribut “border” dan tebal dari border tersebut. Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas atau garis.
Contoh:
4. Membuat Form
Contoh:
0 komentar:
Posting Komentar