1. Hyper
Text Markup Language (HTML) adalah sebuah bahasa
markah yang digunakan untuk membuat sebuah halaman web, menampilkan
berbagai informasi di dalam sebuah penjelajah
web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
2.
Tag HTML
|
Fungsi
|
<html>...</html>
|
Menyatakan pada browser bahwa
dokumen Web yang digunakan adalah HTML
|
<head>...</head>
|
Kepala dari dokumen HTML
|
<body>...</body>
|
Tag untuk menampilkan isi dokumen
HTML
|
<title>...</title>
|
Judul dari dokumen HTML yang
ditampilkan pada judul jendela browser
|
<br>
|
Tag untuk ganti baris
|
<p>...</p>
|
Membuat paragraf
|
<h1>...</h1>
|
Header 1, untuk judul sebuah web
|
<h2>...<h2>
|
Header 2, sub judul sebuah web
|
<h3>...</h3>
|
Header 3, sub judul sebuah web
|
<h4>...</h4>
|
Header 4, sub judul sebuah web
|
<h5>...</h5>
|
Header 5, sub judul sebuah web
|
<h6>...</h6>
|
Header 6, sub judul sebuah web
|
<b>...<b>
|
Bold, tag html yang berfungsi
untuk mempertebal teks
|
<i>...<i>
|
Italic, tag html yang berfungsi
untuk membuat tampilan teks tercetak miring
|
<u>...</u>
|
Underline, tag html yang berfungsi
untuk membuat tampilan teks tercetak garis bawah
|
<pre>...<pre>
|
Preformated Text, tag html
berfungsi untuk menampilkan teks apa adanya sesuai text editor
|
<center>...</center>
|
Tag html berfungsi untuk
menampilkan teks dengan posisi horizontal ditengah
|
<font>...</font>
|
Tag html berfungsi untuk merubah
jenis, ukuran dan warna dari tampilan huruf
|
<hr>
|
Tag html berfungsi untuk membuat
suatu garis horizontal
|
<ol>...</ol>
|
Order List, tag html berfungsi
untuk membuat nomor daftar urut, bisa berupa angka, huruf atau angka romawi.
|
<ul>...</ul>
|
Unorder List, tag html berfungsi
untuk membuat daftar tanpa nomor urut (dalam format bullet)
|
<li>...</li>
|
List Item, tag yang berada di
elemen OL dan UL yang berbentuk list
|
<table>...</table>
|
Tag yang berfungsi untuk membuat
suatu data yang terdiri dari baris dan kolom
|
<caption>...</caption>
|
Tag yang berfungsi untuk membuat
judul dari tabel
|
<tr>...</tr>
|
Table Row, mendefiniskan baris
pada tabel, dan tag ini harus ada dalam tag TABLE
|
<td>...<td>
|
Table Data, terletak di dalam tag
TR, yang berfungsi untuk memasukkan data-data
|
<img>
|
Tag html untuk menampilkan gambar
|
<a>...</a>
|
Tag html yang berfungsi untuk
menghubungkan ke internal atau ekserrnal halaman web
|
<form>...</form>
|
Tag html berfungsi untuk
mendefiniskan form interaktif
|
<input>...</input>
|
Tag html berfungsi untuk
mendefinisikan input yang akan dimasukkan oleh pengguna
|
<select>...</select>
|
Tag html berfungsi untuk
mendefinisikan opsi pilihan pada form kontrol
|
<option>...</option>
|
Tag hml berfungsi untuk
mendefinisikan opsi pilihan ppada menu SELECT
|
<textarea>...</textarea>
|
Tag html berfungsi sebagai input
kontrol form untuk memasukkan teks lebih dari satu baris
|
<frameset>...</frameset>
|
Tag html berfungsi untuk membagi
isi jendela web browser menjadi beberapa bagian
|
<frame>...</frame>
|
Tag html yang berfungsi untuk
mendefiniskan fram yang terdapat dalam frameset
|
3. Cascadng
Style Sheets (css ) adalah sebuah file berisi baris kode untuk
memberitahukan pada web browser bagaimana sebuah halaman HTML ditampilkan,
umumnya presentasi yang diatur adalah tampilan dan format halaman sebuah
dokumen.
4.
Selector ID
Selector id digunakan untuk menentukan style bagian unik
dari html. Unik disini artinya satu nama id hanya bisa digunakan satu kali pada
sebuah halaman web. Apabila satu nama ID digunakan lebih dari satu kali pada
sebuah halaman, maka style hanya akan berlaku pada id yang pertama saja.
Selector ID pada syntax CSS ditandai dengan “#”.
Secara teori ID hanya bisa digunakan sekali saja dalam tag
html, artinya jika suatu ID sudah dipakai dalam
tag <div> (misal) maka pemakaian ID yang sama dalam tag html
yang berikutnya akan diabaikan. Namun pada kenyataannya ID bisa digunakan
berulang-ulang dalam tag html yang berbeda maupun yang sama, mirip
dengan class generic.
Contoh Pengunaan dari ID :
<html>
<head>
<style type="text/css">
<head>
<style type="text/css">
#tulisan
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="tulisan">Hello World!</p>
{
text-align:center;
color:red;
}
</style>
</head>
<body>
<p id="tulisan">Hello World!</p>
<p>This paragraph is not affected by the
style.</p>
</body>
</html>
</html>
5. <html>
<head>
<title>Untitled Document</title>
</head>
<body>
<table width="800" border="1"
align="center">
<tr>
<td height="53" colspan="2"> </td>
</tr>
<tr>
<td height="148"> </td>
<td> </td>
</tr>
<tr>
<td height=’’54’’
colspan="2"> </td>