Sabtu, 23 Juli 2011

HTML


BELAJAR HTML
Sebleum kita lebih jauh mengenal Html lebih baik kita pahami dulu apa itu html.
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode (script) singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi link maupun audio-video. Html juga bersifat statis.

Hmm.... jangan banyak basa basi lagi, mari kita mulai belajar HTML....
Langkah yang pertama yang harus kita tempuh yaitu kita buka terlebih dahulu notepad, kemudian masukan script dasar di bawah ini.

<html>
<head>
<title>belajar html</title>
</head>
<body>
Share-kita.blogspot.com
</body>
</html>













Kalau sudah seperti di atas kita tinggal menyimpannya. Namun hal yang perlu diingat ketika kita simpan notepad tersebut harus dengan type file (.html)
Preview
















Kurang lebih tampilannya seperti di atas
Selanjutnya kita atur letak teksnya, mau di tengah, kiri  atau kanan.

<html>
<head>
<title>belajar html</title>
</head>
<body>Share-kita.blogspot.com
<p align="left">di sisi kiri</p>
<p align="center">posisi tengah</p>
<p align="right">di sisi kanan</p>
</body>
</html>

Preview















Membuat teks tebal, miring atau garis bawah

Kemudian setelah itu kita ingin tuliasannya menjadi tebal,miring atau garis bawah. Kita tinggal menambahkan sedikit script di bawah ini

Miring                   =  <i>masukan teks</i>
Tebal                     =  <b>masukan teks</b>
Garis bawah       =  <u>masukan teks</b>
Seperti di bawah ini

<html>
<head>
<title>belajar html</title>
</head>
<body>

<p align="left"><i>di sisi kiri ( miring )</i></p>
<p align="center"><b>posisi tengah ( tebal )</b></p>
<p align="right"><u>di sisi kanan ( garis bawah )</u></p>

</body>
</html>

Preview














Mewarnai teks dan background
Mungkin kita bosan karena backgroundnya hanya putih n teksnya warna hitam. Tenang kita akan lanjutkan dengan memberi warna saja gampang kok, gini caranya.

<html>
<head>
<title>belajar html</title>
</head>
<body>

<p align="left"><i><body text="red" bgcolor="black">di sisi kiri ( miring )</i></p>
<p align="center"><b>posisi tengah ( tebal )</b></p>
<p align="right"><u>di sisi kanan ( garis bawah )</u></p>

</body>
</html>

lihat yang di tulis dengan warna merah, itu yang script yang harus di masukan, namun yang di dalam tanda (“)itu bisa kita ganti sesuai dengan kesukaan kita bisa red,blue,green,yelow,aqua dll. Kita lihat previewnya


Hmmm. .. segitu aja dulu ya mungkin ntar posting lagi deh.
Ok...

Terima kasih telah berkunjung...!!!
Salam dari “Yudi Ardian”

Tidak ada komentar:

Posting Komentar