Modul Ajar Pemprograman Web Statis SMK X RPL - 3

Setelah kamu mempelajari posting sebelumnya yaitu Modul Ajar Pemprograman Web Statis SMK X RPL - 1 dan Modul Ajar Pemprograman Web Statis SMK X RPL - 2 selanjutnya kita mempelajari beberapa tag HTML yang dasar aja dulu yah,,,

1. Heading HTML
Heading ini biasanya digunakan untuk membuat judul halaman website, heading terdapat enam jenis dari yang kecil sampai yang paling besar (H1 sampai H6 dalam hal ini H1 mencetak huruf yang paling besar, sedangkan H6 digunakan untuk mencetak huruf yang paling kecil.
catatan : heading dalam HTML dasar default-nya selalu dicetak tebal, jika anda menemui heading yang tidak dicetak tebal, berarti tag heading tersebut sudah di-edit menggunakan CSS.
perhatikan contoh skrip berikut :

<h1>Ini adalah heading1</h1>
<h3>Ini adalah heading3</h3>
<h5>Ini adalah heading5</h5>

berikut adalah hasilnya :
Ini adalah heading1

Ini adalah heading3

Ini adalah heading5
nah sekarang faham kan?
kalau mau langsung coba silakan klik disini

2. Paragraf HTML
untuk membuat sebuah paragraf dalam HTML kita menggunakan tag <p>. berikut adalah contoh skrip paragraf :
<p>Ini adalah paragraf 1 </p>
<p>Ini adalah paragraf ke 2</p>

hasilnya sebagai berikut :
Ini adalah paragraf 1
Ini adalah paragraf ke 2

nah sekarang silakan coba disini

3. Link / Hyperlink
hyperlink atau link adalah sebuah teks yang menghubungkan halaman html satu dengan yang lain, link ini biasa digunkan untuk membuat menu website. tag HTML hyperlink adalah <a>. perhatikan contoh berikut :
<a href="http://www.w3schools.com">This is a link</a>

hasilnya sebagai berikut :
This is a link

4. Image HTML / memasukkan gambar dalam HTML
Sebuah gambar mewakili sejuta kata-kata, yah begitulah cara komuniksi dengan gambar dirasa lebih efektif, tag HTML untuk memasukkan gambar adalah <img>. perhatikan contoh berikut :

<img src="http://www.w3schools.com/html/w3schools.jpg" width="104" height="142" />

Hasilnya sebagai berikut :


keterangan src adalah singkatan source = sumber, sedangkan width dan height adalah ukuran gambar dengan satuan pixel.
ada yang susah??? gampang kan.. ^_^

Share this

Related Posts

Previous
Next Post »

Loading...