Warung Bebas

Jumat, 02 Maret 2012

Belajar HTML dari dasar bagian 2

kurung runcing,tanda dan (&) tanda petik (“) plus (+) dll. Dalam posting blog jika kita ingin menampilkan notasi tsb tidak bisa langsung menuliskanya karena hasilnya tidak akan muncul. Caranya yaitu dengan menambahkan kode kode. Lihat daftar kode untuk notasi di bawah
< kurung runcing buka &lt;
> kurung runcing tutup &gt;
& dan &amp;
" tanda petik ganda &quot;
+ tanda plus minus &plusmn;
© hak cipta atau copyright &copy;
® terdaftar atau registered &reg;
Jika tag tsb di tuliskan di notepad hasilnya seperti di bawah

Warna tulisan
Sekarang kita akan memberi efek warna pada Tulisan dan latarbelakang atau background. Untuk member warna pada Tulisan gunakan tag  <font color=”warna”> Tulisan Disini</font> Contoh
<font color=”blue”> Tulisan ini berwarna biru</font>
<font color=”#000000”> Tulisan ini berwarna  hitam</font>
<font color=”#FFFF00”> Tulisan ini berwarna kuning</font>
Ketikan di Notepad dan simpan dengan nama Fontcolor.html. Lihat hasilnya di bawah

Selain dengan nama warna dalam bahasa inggris anda juga bisa member nama warna dengan angka heksa. Tambahkan tada pagar (#) sebelum kode. di bawah adalah daftar angka heksa untuk warna.
black #000000 
blue #0000FF
olive #808000
white #FFFFFF
fuchsia #FF00FF
green #008000
red #FF0000
gray #808080
teal #008080
yellow #FFFF00
silver #C0C0C0
navy #000080
lime #00FF00
maroon #800000
purple #800080
aqua #00FFFF
Selain atribut color kita juga bisa menambahkan atribut lainya misal jenis font (face),ukuran font (size) Contoh ketikan kode di bawah di Notepad
<font color=”blue” size=”2” face=”helvetica”> Tulisan ini berwarna biru jenis Helvetica dan berukuran 2</font>.  Ada banyak macam font seperti Helvetica,verdana,arial,Harrington,impact dll. Simpan dengan nama atributfont.html dan buka di browser, Lihat hasilnya di bawah.

Ukuran Tulisan
Kita akan belajar membuat ukuran tulisan dengan tag <H1></H1>. Ada 6 ukuran tulisan dari H1 yang paling besar dan H6 paling kecil. Contoh ketikan kode seperti ini 
<h1>Ini huruf ukuran 1</h1>
<h2>Ini huruf ukuran 2 </h2>
<h3>Ini huruf ukuran 3 </h3>
<h4>Ini huruf ukuran 4 </h4>
<h5>Ini huruf ukuran 5 </h5>
<h6>Ini huruf ukuran 6 </h6>. Simpan dengan nama atributfont.html dan buka di browser maka hasilnya seperti di bawah ini.

Untuk background atau latar belakang tambahkan tag <body bgcolor=”disini warna”></body> Contoh ketikan kode seperti ini di notepad seperti ini
<body bgcolor="blue" text="black"> Tulisan ini berwarna hitam dengan latar belakang biru <body>. Simpan dengan nama Background.html dan buka di browser. Lihat hasilnya di bawah.

Untuk memberi ketebalan huruf gunakan tag <b></b>
Untuk memiringkan huruf gunakan tag <i></i>
Dan untuk member garis bawah huruf gunakan tag <u></u>
Contoh  ketikan kode di bawah pada Notepad
<b>ini tulisan tebal</b><i>ini tulisan miring</i><u>dan ini tulisan bergaris bawah</u>. Simpan dengan nama Biu.html dan lihat hasilnya di bawah

Bagian 3 

  • Rahasia mencari uang di internet akhirnya di ungkap + Bonus pulsa Rp 50.000 klik disini
  • Promosikan bisnismu 100 x lebih cepat + Bonus pulsa Rp 5.000  klik disini
  • 1 JAM BISA BUAT WEBSITE +Bonus pulsa Rp 5.000 klikdisini 

0 komentar em “Belajar HTML dari dasar bagian 2”

Posting Komentar

 

Kaya dari Internet Copyright © 2012 Fast Loading -- Powered by Blogger