Jumat, 17 Januari 2014

kode dasar HTML

post by agung sadewo

Untuk membuat title pada sebuah web atau blog anda harus menambahkan kode <HEAD><TITLE>..........</TITLE></HEAD>
Diantara kode <HTML> dan <BODY>

Contohnya seperti ini :

<HTML>
<HEAD>
<TITLE>Dasar-Dasar dari Kode-Kode HTML</HEAD>
</HEAD>
<BODY>

Mengenal Dasar-Dasar dari Kode-Kode HTML

</BODY>
</HTML>


Seepzz… dah sampe disini pasti udah ada baying-bayang yah..
Maksudnya tuh gimana-? :D hehehe….

Kode-kode HTML yang banyak digunakan untuk memanipulasi text dalam  sebuah web/Blog

<b>....</b> kode ini digunakan untuk membuat cetak tebal pada tulisan
<i>.....</i>   kode ini digunakan untuk membuat text miring pada tulisan
<u>.....</u> Kode ini digunakan untuk membuat garis bawah pada tulisan
<b><i><u>.......</u></i></b> ini dalah kode kombinasi yang menghasilkan text seperti ini

Selain Kode Diatas anda jugadapat menggunakan kode berikut ini :

<strong>........</strong> Kode ini untuk membuat cetak tebal pada tulisan
<em>..............</em>     kode ini untuk membuat text miring

Selain itu anda dapat menggunakan Kode HTML untuk memanipulasi warna dan besar huruf pada Text :

<FONT SIZE=”....” COLOR=”.....” FACE=”......”>
........</FONT>.


SIZE untuk mengatur ukuran huruf, biasanya dengan satuan Pixel
COLOR untuk mengatur warna huruf
FACE untuk mengatur jenis huruf

Misalnya anda ingin mengatur warna pada sebuah Text :

<FONT COLOR="blue"> text akan berwarna biru </FONT>
<FONT COLOR="red">
Text akan berwana merah </FONT>
<FONT COLOR="white">
text akan berwanar putih </FONT>

 Apabila anda ingin mengatur Ukuran text contohnya sebagai berikut :

<FONT SIZE=”1″>
Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”2″>
Ukuran 1 akan seperti in.</FONT>
<FONT SIZE=”3″>Ukuran 1 akan seperti in.</FONT>


Bagaimana jika ingin memilih jenis text :

<FONT FACE=”Arial”>
Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>
Ini memakai font Helvetica.</FONT>
<FONT FACE=”Gorgia”>
Ini memakai font Gorgia.</FONT>


Terus bagaimana menggabungkan semuanya, agar lebih akurat coba kita perhatikan kode dibawah.

Contoh :

Kita akan menggabungkan kode warna besar huruf dan jenis hurup, cetak tebal , miring dan bergaris bawah seperti ini.

<FONT SIZE=”3” COLOR=”red” FACE=”Arial”><b><i><u>
Hasilnya seperti ini</u></i></u></FONT>.

Seepzz.. dah… keren. Gampang.kan-?
Ya.. yaa… pasti :D
hehehe..

Oke selanjutnya kita bahas cara mengubah text dengan tag heading <h1> sampai dengan <h6>. <h1>  merupakan ukuran huruf yang paling terbesar dan <h6> adalah ukuran huruf terkecil

Perhatikan huruf yang menggunakan <h2> dan <h3>

<h2>
ukurannya seperti ini </h2>
<h3>
ukurannya seperti ini </h3>


Anda juga harus mengetahui beberapa kode-kode yang digunakan untuk mengetur paragraf :

<p> Untuk membuka paragraf
</p>
untuk menutup paragraf
<br>
Untuk membuat baris baru
<center>
Untuk membuat tulisan berada di tengah </center>

Contohnya :

<P align=”left”><FONT COLOR=”red”><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>


Hasilnya akan seperti ini :

Paragraf ini menggunakan rata kiri dengan warna tulisan merah dan bercetak tebal
tag ini membuat tulisan ini dalam baris baru

<P align=”center”><FONT COLOR=”red”><U> Paragraf ini menggunakan rata tengah dengan warna tulisan merah dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>

Hasilnya :
Paragraf ini menggunakan rata tengah dengan warna tulisan merah dan bergaris bawah
tag ini membuat tulisan ini dalam baris baru

http://agungsadewo33.blogspot.com



Terima Kasih
by Muhammad Agung Sadewo

1 komentar:

  1. mksih gan infonya .. beguna sekali ..

    KUNJUNGIBALIK ya : http://modding159.blogspot.com/

    BalasHapus

Muhammad Agung Sadewo. Diberdayakan oleh Blogger.