Kriteria dari HTML
- - Adalah dokumen web, disebut juga web page,
- - HTML adalah bahasa markup “<”, ”>” (bukan bahasa pemrograman)
- - HTML terdiri dari sekumpulan tag. Setiap tag selalu diapit oleh tanda “<“ dan “>”
- - Beberapa tag harus ditutup, misal <p> ditutup dengan </p>
- - Ada beberapa tag tidak perlu ditutup, misal <br>
- - Web browser akan menerjemahkan setiap tag kedalam suatu bentuk tampilan yang mengasilkan sebuah output berupa interface web yang biasanya berupa kobinasi gambar,warna dan text.
Struktur Penulisan HTML
<html>
<head><title> Judul dari halaman web </title></head>
<body> isi dokumen yang akan ditampilkan dalam web </body>
</html>
Keterangan :
- - Setiap dokumen HTML di awali dan di akhiri dengan tag HTML.
Contoh : <html> . . .</html> - - Setiap judul dokumen HTML :
di awali dengan tag <HEAD><TITLE> dan
di akhiri dengan tag </TITLE> </HEAD>
Contoh : <head> <title> ...</title> </head> - - Setiap isi dokumen HTML di awali tag <BODY> dan diakhiri dengan tag </BODY>
Contoh : <body> . . . . . </body>
- - <html></html> : Mendefinisikan sebuah dokumen html
- - <body></body> : Mendefinisikan isi/badan suatu dokumen
- - <h1>-<h6> : Mendefinisikan heading ke 1 s/d heading ke 6
- - <p></p> : Mendefinisikan sebuah paragraf
- - <br> : Menyisipkan sebuah line break
- - <hr> : Mendefinisikan sebuah garis horisontal
- - <!--> : Mendefinisikan komentar dalam kode sumber HTML
Tag untuk pemformatan teks dasar
- - <b> Mendefinisikan teks tebal
- - <big> Mendefinisikan teks yang lebih besar
- - <em> Mendefinisikan teks yang dimiringkan
- - <i> Mendefinisikan teks yang dimiringkan
- - <small> Mendefinisikan teks yang lebih kecil
- - <strong> Mendefinisikan teks tebal
- - <sub> Defines subscripted text
- - <sup> Mendefinisikan teks yang posisinya lebih ke atas
- - <ins> Mendefinisikan teks yang bergaris bawah
- - <del> Mendefinisikan teks yang hendak dihapus
Tag untuk list
- - <ol> Mendefinisikan sebuah list ordered
- - <ul> Mendefinisikan sebuah list unordered
- - <li> Mendefinisikan sebuah item dalam list
- - <dl> Mendefinisikan sebuah list definisi
- - <dt> Mendefinisikan sebuah istilah list definisi
- - <dd> Mendefinisikan sebuah keterangan list definisi
Tag untuk tabel
- - <table></table> Mendefinisikan sebuah tabel
- - <th></th> Mendefinisikan sebuah header tabel
- - <tr></tr> Mendefinisikan suatu barisan dalam tabel
- - <td></td> Mendefinisikan suatu sel dalam table
Tag untuk form
- - <form> Mendefinisikan sebuah form untuk input dari pengunjung
- - <input> Mendefinisikan sebuah field input
- - <textarea> Mendefinisikan sebuah text-area (sebuah kontrol masukan teks jenis multi-line)
- - <label> Mendefinisikan sebuah label ke kontrol
- - <fieldset> Mendefinisikan sebuah fieldset
- - <legend> Mendefinisikan suatu caption untuk sebuah fieldset
- - <select> Mendefinisikan sebuah list yang dapat dipilih (drop-down box)
- - <optgroup> Mendefinisikan sebuah kelompok pilihan
- - <option> Mendefinisikan sebuah pilihan dalam drop-down box
- - <button> Mendefinisikan sebuah tombol
Tugas TIK Kelas XI.IPA 1
SMA Negeri 1 Indralaya Utara
SMA Model Pendidikan Karakter
Sumber Materi : http://ipingbook.blogspot.com/2012/04/pengenalan-html.html
0 komentar: