Nexus4U ~ Learn & Share: HTML Basic

HTML Headings

Heading pada HTML biasanya digunakan untuk menuliskan judul. Heading ini sendiri dituliskan diantara tag <h1> sampai <h6> .
contoh :
buatlah sebuah file dengan menggunakan notepad, lalu simpan dengan nama heading.html

<html>
<body>
     <h1>This is a heading</h1>
   <h2>This is a heading</h2>
   <h3>This is a heading</h3>
</body>
</html>

coba jalankan dengan menggunakan browser. hasilnya adalah sbb :

jadi besarnya - kecilnya heading dipengaruhi oleh tag yang dipakai. pada tag <h1> headingnya besar, sedangkan semakin besar tagnya (misal <h3> ) maka ukuran headingya akan semakin kecil.

Paragraf

Untuk membuat paragraf baru kita gunakan tag <p> contoh script:
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

hasilnya :

Membuat Link

untuk membuat link pada html kita bisa menggunakan tag <a> dan url tujuan kita deskripsikan pada atribut href. Misal kita ingin membuat sebuah link yang jika di klik akan menuju ke alamat google.com contoh script :

<html>
<body>
     <a href='http://google.com'>klik disini</a>
</body>
</html>

jika diklik maka kita akan membuka url google di jendela yang sama. Kalau kamu mau biar link itu dibuka di tab baru, kamu bisa menambahkan attribut berikut : target='_blank'

<html>
   <body>
    <a href='http://google.com' target='_blank'> klik disini </a>
</body>
</html>

Menampilkan gambar

Untuk menampilkan gambar pada html kita gunakan tag <img>. contoh : tuliskan script berikut dan simpan dengan nama filegb.html

<html>

<body>
<img src="bintang.jpg" />
</body>
</html>

bintang.jpg adalah nama file gambar yang mau aku tampilin, kamu bisa menggantinya dengan file yang ada pada komputer kamu dengan syarat file gambar tersebut terletak satu folder dengan file filegb.html

*note : sebaiknya untuk nama file gambar jangan mengandung spasi, karena pada beberapa browser bisa terjadi error.

selamat mencoba, :D

Nexus4U ~ Learn & Share

Senin, 11 Juni 2012

HTML Basic

Tidak ada komentar:

Posting Komentar