Zanexio

 
About Guides FAQs

Font Size

Screen

Profile

Layout

Direction

Menu Style

Apply Reset  
Cpanel

Belajar HTML dari NOL bagian 2

By: administrator
Hits: 1551 times
  • Print

Pengaturan Huruf

Untuk mendapatkan halaman web yang menarik atau enak di lihat, maka di butuhkan pengaturan huruf, seperti memilih jenis dan ukuran huruf,  dll. Secara ringkas seperti berikut :

<b> </b>di gunakan untuk membuat tulisan tebal di antara dua tag.

<i>  </i> di gunakan untuk membuat tulisan miring di antara dua tag.

<u> </u> di gunakan untuk membuat tulisan bergaris bawah di antara dua tag.

<font> </font> di gunakan untuk memodifikasi font.

<font face="Arial"> </font> di gunakan untuk menentukan jenis huruf.

<font size="4"> </font> di gunakan untuk menentukan ukuran huruf.

<font color="Black"> </font> di gunakan untuk menentukan warna  huruf.

contoh 1

<html>

<head><title>belajar pengaturan huruf tebal</title></head>

<body>

<b> Test tulisan tebal </b>

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama tulisantebal.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut : Test tulisan tebal

contoh 2

<html>

<head><title>belajar pengaturan huruf miring</title></head>

<body>

<i> Test tulisan miring</i>

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama tulisantebal.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut : Test tulisan miring

contoh 3

<html>

<head><title>belajar pengaturan font</title></head>

<body>

<font face="Arial" size="4"> Test tulisan menggunakan jenis font dan size 4 </font>

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama tulisantebal.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut : Test tulisan menggunakan jenis font dan size 4

Pengaturan Text

Pengaturan text pada halaman web meliputi pengaturan Header, paragraf, line break, serta huruf. Pengaturan huruf sudah di jelaskan sebelumnya, jadi tidak di bahas lagi.

Headers:

<Hn>  </Hn>

Tag ini di gunakan untuk mengatur ukuran huruf pada header.  "n" mempunyai nilai 1 ~ 6. Misalnya <H1> </H1>, <H2> </H2>, .....<H6> </H6>. Tag <H1> merupakan ukuran header terbesar dan tag <H6> merupakan ukuran header terkecil. Lebih jelasnya lihat contoh paa bagian akhir pembahasan mengenai pengaturan text.

contoh 4

<html>

<head><title>belajar pengaturan font</title></head>

<body>

<H1> Test Header 1 </H1>

<H2> Test Header 2 </H2>

<H3> Test Header 3 </H3>

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama tulisantebal.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut :

Test Header 1

Test Header 2

Test Header 3

Paragraf:

<p> </p>di gunakan untuk pindah alinea atau paragraf

<p align="justify"> </p> di gunakan untuk  membuat tulisan rata kiri - kanan

<p align="center"> </p> di gunakan untuk  membuat tulisan rata tengah

<p align="right"> </p> di gunakan untuk  membuat tulisan rata kanan

<p align="left"> </p> di gunakan untuk  membuat tulisan rata kiri

contoh 5

<html>

<head><title>belajar pengaturan paragraf</title></head>

<body>

<p> Kata almarhum Gusdur, adanya gempa di jokja di karenakan Nyi Roro kidul marah, karena di suruh pakai jilbab.</p>

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama paragraf.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut :

Kata almarhum Gusdur, adanya gempa di jokja di karenakan Nyi Roro kidul marah, karena di suruh pakai jilbab.

contoh 6

<html>

<head><title>belajar pengaturan paragraf</title></head>

<body>

<p align="center"> Kata almarhum Gusdur, gempa di jokja di karenakan Nyi Roro kidul marah, karena di suruh pakai jilbab</p>

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama paragraf.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut :

Kata almarhum Gusdur, adanya gempa di jokja di karenakan Nyi Roro kidul marah, karena di suruh pakai jilbab

 

Line Break:

<br> di gunakan untuk pindah ke baris baru

contoh 6

<html>

<head><title>belajar pengaturan text</title></head>

<body>

Tulisan pada baris pertama

<br>

Tulisan baris ke dua

<br>

Tulisan baris ke tiga

Tulisan ini juga ada di baris ke tiga, karena tidak pakai tag line break

</body>

</html>

Copy paste contoh di atas di notepad dan simpan dengan nama linebreak.html. Buka dengan mozilla firefox atau opera atau IE. Maka hasilnya sebagai berikut :

Tulisan pada baris pertama
Tulisan baris ke dua
Tulisan baris ke tiga Tulisan ini juga ada di baris ke tiga, karena tidak pakai tag line break

Silahkan lakukan latihan dan pengembangan sendiri, biar lebih menguasai tag html di atas. selamat belajar html.



Comments  

 
0 #1 Aditya ruswandy 2011-12-05 02:29
:-?:
Quote
 

Add comment


Security code
Refresh

Technology Latest News

Web Design Latest News

Popular

 

Latest Comments

  • www.officialheatjerseyshop.com: http://www.officialheatjerseyshop.com, http://www.officialthunderjer...
  • handmade oil painting canvas oil painting wholesale oil painting
  • baidu sina: http://www.sina.com
 

Tentang Training & Jasa

  • mau tanya,,kaLau saya mnta konsuLtasi ttg program assembler,,coun ter. pakai sensor infraRed dan Pho...
  • biaya training berlaku untuk 1 orang saja. sedangkan peserta training untuk private minimal 2 orang....
  • oia trus yg basic private biaya berapa? itu mulai dari dasar juga?
 

Tanya Bimbingan TA

  • Mas. kalau dari luar jawa cara bimbingan TA-nya gimana ? pengerjaannya butuh berapa lama ? harganya berapa ?
You are here: