Breack :
<br>
Paragraf :
<p> à align=left
align=center
align=right
align=justify
Headding :
<h1> , <h2> , ......... <h6>
Semakin kecil angka heading semakin besar tulisan
Perataan à align=left
align=center
align=right
align=justify
Font :
<font> à size=2
Semakin besar angka semakin besar tulisan
à color=red
color=#ff00ff
warna tulisan dapat dengan warna dasar (red, blue, green dll)
atau
dengan angka heksa yang diawali dengan tanda pagar ( # )
#000000 à hitam
#00FFFF
#123ABC
#FFFFFF putih ........... dll
à face=arial jenis tulisan standart
Atrribut font :
<b> à tebal atau <strong>
<i> à miring
<u> à garis bawah
<sup> à pemangkatan
<sub> à indeks
Tabel :
Atribut | Nilai | Keterangan |
<TABLE> | memulai tabel | |
border | 0 s.d 15 | menampilkan ketebalan garis tabel |
<TH> | membuat kolom judul | |
<TR> | membuat baris tabel | |
<TD> | membuat kolom tabel | |
ALIGN | LEFT , CENTER , RIGHT | mengatur horisontal alignment |
VALIGN | TOP , MIDDLE , BOTTOM | mengatur vertikal alignment |
ROWSPAN | jumlah ( n ) | menggabungkan baris |
COLSPAN | jumlah ( n ) | menggabungkan kolom |
BGCOLOR | Warna standart atau angka | Mewarnai kolom |
CELLPADDING | jumlah ( n ) | spasi dari garis |
CELLSPACING | jumlah ( n ) | spasi baris |
Insert Gambar :
<IMG SRC="nama file.gambar">.
letak gambar menggunakan ALIGN atara lain
BOTTOM à bawah
MIDDLE à tengah
TOP à atas
LEFT à kiri
RIGHT à kanan
mengatur besar kecilnya gambar menggunakan atribut
WIDTH à lebar dan tinggi, jika hanya ”width” saja
HEIGHT à tinggi
DAFTAR / LISTING :
Untuk model bullet :
<ul>
<li>daftar</li>
<li>daftar</li>
<li>daftar</li>
</ul>
Untuk model nomor / number:
<ol>
<li>daftar</li>
<li>daftar</li>
<li>daftar</li>
</ol>
Standar nomor : 1 , 2 , 3 , dll
Untuk yang lain dengan atribut :
type=a à huruf kecil
type=A à huruf kecil
type=i à romawi kecil
type=I à romawi kecil
MEMBUAT FRAME :
Frame Horisontal :
<FRAMESET ROWS=" n % , n %">
<FRAME SRC="nama_file.html">
<FRAME SRC="nama_file.html">
</FRAMESET>
Frame Vertikal :
<FRAMESET COLS=" n % , n %">
<FRAME SRC="nama_file.html">
<FRAME SRC="nama_file.html">
</FRAMESET>
Frame Combinasi :
<FRAMESET COLS=" n % , n %">
<FRAME SRC="nama_file.html">
<FRAMESET ROWS=" n % , n %">
<FRAME SRC="nama_file.html">
<FRAME SRC="nama_file.html">
</FRAMESET>
</FRAMESET>
MEMBUAT LINK / Hyperlink :
<a href="nama_file.html">text / image</a>
LINK dengan CSS
color: orange; …………………..…. warna
font-size: 9pt; ……………………… ukuran font
font-family: Verdana, Arial, Helvetica, sans-serif; ................... jenis huruf
font-style: italic; ……………..…… style
font-weight: bold; ……………..….. tebal
background-color: #FF0000; …… latar belakang
letter-spacing: 10px; ……………. Jarak spasi
text-decoration: none;
CONTOH :
<style type="text/css">
<!—
A:link { COLOR: black; text-decoration: none }
.amir {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 9pt;
color: #000000;
}
.amir:hover {
color: #FFFFFF;
background-color: #000000;
}
-->
</style>
By : Muhammad Amiruzzain Al - Busthomy
SMKN 3 Buduran (Perkapaalan)
TKJ - 1
0 komentar:
Posting Komentar