Untuk Mengenal Dasar-dasar HTML bagi Pemula disarankan
menggunakan NotePad agar lebih mudah mengenal fungsi masing-masing TAG, atau
menggunakan MS. Front Page/dreamweaver agar mudah mengetahui kesalahan atau
kekurangan penulisan karena bisa langsung dilihat hasilnya.
HTML (HyperText Markup Language) umumnya terdiri dari perintah berikut:
<HTML>
<BODY>
Baru Belajar neeee…..
</BODY>
</HTML>
kode-kode dalam file HTML selalu dibatasi oleh tag < … >.
Untuk membuat title pada web tampilan tagnya seperti ini :
<HTML>
<HEAD>
<TITLE> Baru Belajar Bikin TITLE </TITLE>
</HEAD>
<BODY>
Baru Belajar neeee…..
</BODY>
</HTML>
Part 2
Kali ini kita akan mengenal untuk memanipulasi Text, seperti di bawah ini:<B>Untuk membuat huruf tebal.</B>
<I>Untuk membuat huruf miring.</I>
<U>Untuk membuat garis bawah.</U>
atau anda juga bisa menggunakan
<strong>Untuk membuat huruf tebal.</strong>
<em>Untuk membuat huruf miring.</em>
tanda garis miring pada setiap TAG di belakang kata berfungsi untuk menutup TAG yang di depan, misalnya <B> ditutup dengan </B>
Anda juga dapat memanipulasi teks dengan tag
<FONT SIZE=”bebas” COLOR=”bebas” FACE=”bebas”>
teks anda</FONT>.
Fungsi SIZE untuk mengatur ukuran huruf
Fungsi COLOR untuk mengatur warna huruf
Fungsi FACE untuk mengatur jenis huruf
Contoh untuk memilih warna
<FONT COLOR=”red”>Ini warna merah.</FONT>
<FONT COLOR=”blue”>Ini warna biru.</FONT>
<FONT COLOR=”green”>Ini warna hijau.</FONT>
selain bisa diisi dengan nama warna juga bisa diisi dengan kode warna seperti #fffff untuk putih dsb,
Contoh memilih ukuran huruf
<FONT SIZE=”1″>Ini ukuran 1.</FONT>
<FONT SIZE=”2″>Ini ukuran 2.</FONT>
<FONT SIZE=”3″>Ini ukuran 3.</FONT>
Contoh untuk memilih jenis huruf
<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”impact”>Ini memakai font Impact.</FONT>
Anda bisa mengkombinasikan TAG-TAG yang ada di atas
contoh:
<FONT SIZE=”2″ COLOR=”red” FACE=”arial”>
<B><U><I> belajar</FONT></B></U></I>
Hasilnya Seperti ini => Belajar
Part 3
Anda juga dapat mengubah ukuran
huruf dengan tag heading, yaitu <H1>sampai <H6>, di mana <H1>
adalah yang terbesar, dan <H6> adalah yang terkecil. Perhatikan contoh
berikut:
<H2>Ini
menggunakan Heading 2</H2>
<H3>Ini
menggunakan Heading 3</H3>
Sekarang mengenai paragraf
untuk mengatur paragraf anda harus
mengenal tiga TAG di bawah ini:
<p> Untuk membuka paragraf
</p> untuk menutup paragraf
<br> Untuk membuat baris baru
<center>
Untuk membuat tulisan berada di tengah </center>
Contoh penggunaan TAG paragraf
<P align=”left”><FONT
COLOR=”blue”><B> Paragraf ini menggunakan rata kiri dengan warna
tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</B></FONT></P>
<br> tag ini membuat tulisan ini dalam baris baru</B></FONT></P>
hasilnya :
Paragraf ini menggunakan
rata kiri dengan warna tulisan biru dan bercetak tebal
tag ini membuat tulisan
ini dalam baris baru
<P align=”right”><FONT
COLOR=”red”><I> Paragraf ini menggunakan rata kanan dengan warna
tulisan merah dan bercetak miring
<br> tag ini membuat tulisan ini dalam baris baru</I></FONT></P>
<br> tag ini membuat tulisan ini dalam baris baru</I></FONT></P>
hasilnya:
Paragraf ini menggunakan rata kanan dengan warna tulisan merah dan
bercetak miring
tag ini membuat tulisan ini dalam baris baru
<P align=”center”><FONT
COLOR=”green”><U> Paragraf ini menggunakan rata tengah dengan warna
tulisan hijau dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>
Hasilnya:
Paragraf ini menggunakan rata tengah dengan warna tulisan hijau
dan bergaris bawah
tag ini membuat tulisan ini dalam baris baru
Part 4
Setelah dasar-dasar HTML PART 1,
PART 2, PART 3 kali
ini akan delanjutkan dengan dasar-dasar HTML untuk membuat link dan tampilannya
menggunakan TAG<a HREF=”Link yang dituju”>Link yang dimaksud/anchor text</a>
Contoh:
<a HREF=”http://www.bowflexexercises.com”>
http://www.bowflexexercises.com<a>
Hasilnya
http://www.bowflexexercises.com
Jika ingin membuka situs yang diklik dalam windows baru tambahkan di dalam TAG <A>
TARGET=”_Blank”
Contoh:
<a HREF=”http://www.bowflexexercises.com” TARGET=”_Blank”>Bowflex Exercises<a>
Hasilnya
Bowflex Exercises
semoga membantu…
selamat mencoba semoga membantu,
kalo ada yang mau ditanyakan silakan tinggalkan komentar di kolom komentar di
bawah…
trims
Tidak ada komentar:
Posting Komentar