Daftar Isi





Senin, 23 Juli 2012

Mengenal HTML 2

Melanjutkan posting yang terdahulu setelah terselang oleh beberapa artikel tentang blog tutorial maka kali ini saya akan membahas tentang tutorial HTML kembali.Sebelum menginjak kepada topik bahasan ada baiknya para sobat mengikuti bahasan kali ini dengan langsung memfraktekannya agar lebih cepat mengerti. Caranya siapkan terlebih dahulu program notepadnya lalu tuliskan kode HTML seperti dibawah, kemudian apabila telah selesai mempraktekan simpan file tersebut dengan extensi .htm (dot htm).
Contoh file : latihan.htm kemudian jalankan dengan internet explorer.
Silahkan tulis kode-kode berikut :

<html>
<head>
<title>latihan</title>
<body>
Tulis apa-apa yang saya terangkan di sini !
</body>
</html>

Kita langsung ke topik bahasan aja ya biar ga bosan.

Elemen dasar HTML

Ada beberapa elemen dasar HTML yaitu :
  • Elemen Blok Level
  • Elemen blok level yaitu tingkatan besarnya hurup yang akan di tampilkan pada browser. Elemen blok level yang paling sering di gunakan adalah Heading (h1 sampai h6).Tag heading ini ini berupa <h1>...</h1> sampai dengan <h6>...</h6>. Contoh : <h1>Ini heading 1</h1> <h2>Ini heading 2</h2> <h3>Ini heading 3</h3> <h4>Ini heading 4</h4> <h5>Ini heading 5</h5> <h6>Ini heading 6</h6> Hasilnya akan seperti ini :

    Ini heading 1

    Ini heading 2

    Ini heading 3

    Ini heading 4

    Ini heading 5
    Ini heading 6

Sebenarnya ada cara lain untuk menampilkan berbagai ukuran hurup, yakni memakai tag <font size="...">.....</font>.


Contoh :
<font size="1">Ini font size 1</font>
<font size="2">Ini font size 2</font>
<font size="3">Ini font size 3</font>
<font size="4">Ini font size 4</font>
<font size="5">Ini font size 5</font>
<font size="6">Ini font size 6</font>
<font size="7">Ini font size 7</font>

Hasil yang akan tampil seperti ini : 

Ini font size 1

Ini font size 2

Ini font size 3

Ini font size 4

Ini font size 5

Ini font size 6

Ini font size 7

Itu adalah contoh untuk menampilkan huruf dalam berbagai ukuran.

Selamat Mencoba dan Berkreativitas, Mudah-mudahan Posting ini dapat berguna!

Tidak ada komentar: