Loading ...
Basic HTML
HTML (Hypertext Markup Language) adalah sebuah protokol yang digunakan untuk membuat format suatu dokumen web yang mampu dibaca dalam browser. Sifat bahasa HTML adalah client script, dimana dokumen dapat dibuka dalam komputer stand alone yang tidak membutuhkan server untuk dapat menampilkannya. Dokumen ini umumnya berekstensi htm atau html. Untuk membuat dokumen HTML kita bisa menggunakan program notepad hingga dreamweaver.
I. Struktur HTML
Dalam HTML struktur dibagi menjadi dua bagian
1. Bagian Head
2. Bagian Body
Contoh sebagai berikut :
<html>
<head>
<!-- bagian head --!>
</head>
<body>
<!-- bagian body --!>
</body>
</html>
II. Dokumen Head
Dalam bagian head dapat diletakkan beberapa tag yaitu :
Tag judul untuk menampilkan judul dari dokumen HTML
<title> ... JUDUL... </title>Merupakan tag yang menyatakan URL asal suatu dokumen
<base href=" .... ">Merupakan tag yang menghubungkan suatu dokumen dengan dokumen lainnya
<link href=" .... ">Merupakan tag yang menyatakan suatu meta informasi dalam satu dokumen
<meta name=" .... " content=" .... ">Merupakan tag yang menyatakan dokumen tersebut diperkenankan oleh server web
<isindex>Merupakan tag yang mendefinisikan style dari dokumen
<style ahref=" .... ">III. Dokumen Body
Bagian body dalam HTML adalah bagian dokumen web akan terlihat dalam browser. Pada bagian body ada beberapa atribut yang bisa digunakan, yaitu :
Tag yang digunakan untuk memberikan warna latar untuk dokumen web
<body bgcolor="#FFFFFF">Tag yang digunakan untuk memberikan warna pada teks untuk isi dalam dokumen web
<body text="green">Tag yang digunakan untuk memberikan warna pada teks yang merupakan link/hyperlink dalam dokumen web
<body link="green" alink="blue">IV. Format Teks
Dalam HTML, teks mempunyai pengaturan dalam tampilan teks. Berikut adalah beberapa tag yang biasa digunakan :
Dalam tag font memiliki beberapa macam nilai, diantaranya :
“face” untuk menentukan jenis font
“size” untuk menentukan ukuran font
“color” untuk menentukan warna font
“style” untuk menentukan style font
contoh:
<font face="tahoma" size="2px" color="yellow" style="background-color:#ffccbb"> Teks dalam dokumen </font>Tag ini digunakan untuk membuat teks dalam bentuk paragraf
<p>teks dalam paragraf</p>Tag ini digunakan untuk mengatur pearataan teks dalam paragraf sebuah dokumen web
<p align="nilai">teks dalam paragraf</p>Nilai dari perataan adalah :
right = untuk rata kanan
left = untuk rata kiri
center = untuk rata tengah
justify = untuk rata kanan kiri
Digunakan untuk mengembalikan format teks ke format awal sebelum di format
<pre> .... </pre>V. Menampilkan gambar
Untuk menampilkan gambar dalam halaman web, tag yang digunakan yaitu :
<img src="url lokasi gambar">Attribut yang bisa ditambahkan untuk gambar adalah
alt = alternate gambar
width = lebar gambar
height = tinggi gambar
contoh:
<img src="http://domainuser.com/gambar1.jpg" alt="gambar saya" width="30" height="100">VI. Membuat link/hyperlink
Link atau hyperlink digunakan untuk menghubungkan halaman web dengan dokumen yang lainnya agar saling terhubung. Tag yang digunakan adalah :
<a href="url link yang dituju">Klik disini</a>Demikian dasar-dasar HTML yang bisa saya share, untuk mengetahui bagaimana dasar dalam membuat website. Sebenernya ini masih kurang, tapi tangan saya udah capek buat ngetik lol. Next time akan saya sharing lagi dasar-dasar html yang lain, yang belum tertuang dalam tulisan ini
Leave a Reply