HTML yang sering sisebut juga Hypertext markup language merupakan salah satu format atau kode yang digunakan untuk pembuatan aplikasi atau document yang berada di halaman web. Sebelum membelajari HTML anda harus mengetahui basic HTML ,yang terdiri dari:
- Hypertext
- Tags dan elements
- Text formatting
- Lists, hyperlinks, images
- Table, frameCascanding style sheets
1. Dasar-Dasar HTML
HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer data-data web yang ditulis atau berformat HTML.
Dikatakan markup language karena HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser sesuai keinginan. Hal tersebut dapat dilakukan dengan menambah elemen atau sering disebut sebagai tagtag.
Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag ditandai dengan simbol ` <` dan ` >` tanpa tanda kutip . Pasangan dari sebuah tag ditandai dengan tanda `/ ` dan ini menunjukan penutupan suatu tag .
Misalnya pasangan dari tag < contoh > adalah </ contoh > . Dalam hal ini < contoh >disebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen < contoh > bila ditulis dengan
Atributnya adalah sebagai berikut : < contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2” …> . Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah.
Isi HTML :
<html>
<head>
<title> isi dengan tema anda </title>
</head>
<body>isi dengan sesuka hatimu boleh gambar, vidio, foto dan script2
</body>
</html>
2.Tag dan Fungsinya
- <!-- -->
Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akanterlihat pada browser- <a href>
Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut.- <a name>
Membuat nama bagian yang didefinisikan pada link pada halaman yang sama- <area>
Mendefinisikan daerah yang dapat diklik (link) pada image map- <b>
Membuat teks tebal- <big>
Memperbesar ukuran teks sebesar satu point dari defaultnya- <blink>
Membuat teks berkedip- <body>
Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link- <br>
Pindah baris- <center>
Untuk perataan tengah terhadap teks atau gambar- <div>
Represents different sections of text.- <fn>
Seperti tag <a name>- <font>
Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks- <form>
Mendefinisikan input form- <frame>
Mendefinisikan frame- <frameset>
Mendefinisikan attribut halaman yang akan menggunakan frame- <h1> ... <h6>
Ukuran font- <head>
Mendefinisikan head document.- <hr>
Membuat garis horizontal- <html>
Bararti dokumen html- <i>
Membuat teks miring- <img>
Image, imagemap atau an animation- <input>
Mendefinisikan input field pada form- <li>
Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>,<ol> and <ul> )- <marquee>
Membuat scrolling teks (teks berjalan) - hanya pada MS IE- <ol>
Mendefinisikan awal dan akhir list- <p>
Ganti paragraf- <blockquote>
Digunakan untuk mendefinisikan pendapat (quote) yang panjang. Browser Anda akan menambahkan spasi kosong sebelum dan sesudah elemen ini.
0 komentar:
Posting Komentar