1. Pengertian HTML
HTML (HyperText Markup Language)
adalah file teks yang ditulis menggunakan aturan-aturan kode tertentu. Setiap
informasi yang tampil di web selalu dibuat menggunakan kode html. Oleh
karena itu, dokumen HTML sering disebut juga sebagai web page (halaman
web).
Dokumen HTML dapat digunakan
aplikasi Text editor apa pun, bisa Notepad (untuk MS Windows), Emacs atau Vi
Editor (untuk linux), dan sebagainya.
Kode HTML dari suatu halaman web
dapat kita lihat dari aplikasi web brouser yang dari suatu halaman web
dapat kita lihat dari aplikasi web browser yang kita gunakan, yaitu
dengan cara memilih menu View-Source (untuk Internet Explorer) dan View-Page
Source (untuk Mozilla Firefox).
2. Penamaan HTML
Pilih suatu nama, sembarang nama, kemudian
tambahkan sebuah ekstensi".html" atau ".html" (Tanda petik
ganda tidak perlu dituliskan karena digunakan sebagai penjelas saja).
3. Elemen dan Tag HTML
Elemen HTML yaitu komponen
penyusun terkecil dari sebuah dokumen HTML.
Untuk
menandainya. Elemen dapat berupa teks murni, atau bukan
teks, atau keduanya.
Untuk menandai sebuah elemen dalam suatu dokumen HTML
digunakan tag. Tag HTML
terdiri dari sebuah simbol lebih kecil ( < ) dan dan
lebih besar ( > ).
Nama elemen ditunjukkan oleh nama
dari tagnya. Suatu elemen biasanya ditandai dengan
pasangan tag, walaupun ada beberapa nama elemen yang
ditandai dengan satu tag tanpa
harus berpasangan.Diantaranya:
• Image ( <img /> )
• Horizontal Rule ( <hr /> )
• Input Field ( <input /> )
• Ganti Baris –Break ( <br /> )
Dalam pembuatan dokumen HTML
penulisan elemen yang diawali dan diakhiri tanda tag
HTML, memiliki syarat penulisan yaitu:
• Tag HTML diapit dengan dua karakter kurung sudut ( <
dan > )
• Tag HTML secara normal selalu berpasangan misal
(<i>...</i>)
• Tag pertama dalam
suatu pasangan adalah
tag awal, dan
tag yang kedua
merupakan tag akhir.
• Tag html tidak case sensitive. Ini artinya <b> sama
dengan <B>
• Jika dalam suatu
tag terdapat tag lain,
maka penulisan tag
akhir tidak boleh
bersilang danharus berurutan. Misalnya
<b><I>..Tebal dan Miring..</I></b>
4. Tag-tag Dasar HTML
|
Tag awal
|
Kegunaan
|
|
<html>
<head>
<title>
<body>
<h1>-<h6>
<p>
<br>
<hr>
<!-->
|
Definisi sebuah dokumen HTML
Definisi tentang dokumen yang ditampilkan
Definisi judul dari dokumen yang ditampilkan
Definisi body dokumen
Definisi heading 1 s.d 6
Definisi sebuah paragraf
Sisipkan line break
Definisi sebuah horizontal
Definisi kometar dalam source code
|
Lebih jelasnya contoh berikut:
<html>
<head>
<title>contoh html dasar</title>
</head>
<body>
Isi Dokumen
<h1> heading 1 </h1>
<h2> heading 2 </h2>
<h3> heading 3 </h3>
<h4> heading 4 </h4>
<h5> heading 5 </h5>
<h6> heading 6 </h6>
<p>Bagian
BODY merupakan isi
dari dokumen HTML.
Semua informasi yang
akan
ditampilkan, mulai dari teks, gambar, sound, dan lain-lain,
akan ditempatkan di bagian ini.
Seperti telah
disebutkan di atas,Tag meta,digunakan untuk mendefinisikan
informasi-informasi diluar HTML
</p>
<br>Tag base<br>tag link,<br>
<hr>Tag meta
<hr>Tag image
<!-- komentar>
</body>
</html>
Hasilnya:
Tidak ada komentar:
Posting Komentar