Friday, 6 June 2014

Membuat Desain Website Berbasis HTML Dengan Notepad++

Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat  mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.

·         Daftar Tag Pada HTML

ELEMEN DASAR

Jenis Dokumen

<HTML></HTML>

(terdapat pada awal dan akhir dari file HTML)

Judul    

<TITLE></TITLE>              

(harus selalu terdapat pada mukadimah)

Mukadimah (Header)   

<HEAD></HEAD>            

(keterangan umum, seperti judul dsb.)

Batang Tubuh   

<BODY></BODY>            

(isi dari halaman HTML)

FORMAT TAMPILAN

Huruf Tebal

<B></B>

(Bold)

Huruf Miring     

<I></I>

(Italic)

Garis Bawah

<U></U>

(Underline - jarang digunakan)

Rata Tengah

<CENTER></CENTER>

(Center - berlaku untuk teks maupun gambar)

Huruf Kedip       

<BLINK></BLINK>          

(Blinking - tag terlucu sampai kini)

Ukuran Huruf   

<FONT SIZE=?></FONT>

(Font Size - boleh diisi dari 1 sampai 7)

Warna Huruf

<FONT COLOR="#$$$$$$"></FONT>

Pilih Jenis Huruf

<FONT FACE="***"></FONT>

PEMISAH

Paragraf

<P></P>             

(tag penutup seringkali tak diperlukan)

Align Text           

<P ALIGN=LEFT|CENTER|RIGHT></P>  

Pndah Baris       

<BR>    

(pindah ke baris berikut)

Garis Datar         

<HR>

(Horizontal Rule)

Penataan Letak Garis

<HR ALIGN=LEFT|RIGHT|CENTER>

Tebal Garis         

<HR SIZE=?>

(dalam satuan pixel)

Lebar Garis

<HR WIDTH=?>

(dalam satuan pixel)

Lebar Garis Persentasi  

<HR WIDTH="%">

(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA

Latar Belakang Gambar

<BODY BACKGROUND="URL"> 

(Tiled Background)

Warna Latar Belakang   

<BODY BGCOLOR="#$$$$$$"     

(Background Color - urutan: merah/hijau/biru)

Warna Huruf Teks           

<BODY TEXT="#$$$$$$">

TABEL

Rancangan Tabel             

<TABLE></TABLE>

Garis Batas Tabel             

<TABLE BORDER=?></TABLE>

Lebar Tabel

<TABLE WIDTH=?>

(dalam satuan pixel)

Lebar Tabel Persentasi

<TABLE WIDTH="%">

(dalam satuan persen terhadap lebar halaman)

Baris dalam Tabel

<TR></TR>

Penataan Letak Baris

<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM

VALIGN=TOP|BOTTOM|MIDDLE>

Sel dalam Tabel

<TD></TD>        

(harus ada dalam setiap baris tabel)

Penataan Letak Sel

<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM

VALIGN=TOP|BOTTOM|MIDDLE>

Kepala Tabel     

<TH></TH>

(Table Header - seperti data dengan Bold dan Center)

Penataan Letak Kepala Tabel

<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM

VALIGN=TOP|BOTTOM|MIDDLE>

Warna Kepala Tabel

No comments:

Post a Comment