Nexus4U ~ Learn & Share

Senin, 11 Juni 2012

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

Jumat, 08 Juni 2012

Dasar HTML

HTML adalah kepanjangan dari Hyper Text Markup Language. HTML bukan termasuk bahasa pemrograman namun sebuah markup bahasa. markup bahasa merupakan sebuah kumpulan dari markup tags, tujuan dari tags ini adalah untuk mendeskripsikan konten dari suatu halaman.

cara penulisan pada HTML

sebuah tag HTML ditulis diantara tanda kurung siku "<" dan ">" serta selalu berpasangan dengan penutupnya.
misalkan tag untuk membuat tulisan bold/tebal kita menggunakan tag <b>.
contoh penulisan :

<b>ini tulisan tebal</b>

sehingga akan menghasilkan tulisan berupa :
ini tulisan tebal

pada contoh diatas tag <b> harus ditutup dengan </b>.

struktur dasar HTML

Untuk membuat sebuah file HTML kita bisa menggunakan aplikasi text editor sederhana seperti notepad atau notepad++. Dalam mendeklarasikan sebuah file HTML perlu menggunakan tag <html> yang tentu saja harus ditutup dengan tag </html>. berikut ini adalah susunan untuk membuat sebuah file html sederhana :

<html>
    <body>
        <h1>Ini Header</h1>
        <p>Ini paragraf pertama</p>
        <p>Ini paragraf kedua</p>
    </body>
</html>

simpan file diatas dengan nama terserah anda dengan ekstensi htm atau html. misal kita simpan dengan nama coba.html
sekarang coba buka file tersebut dengan menggunakan browser seperti Internet Explorer atau Firefox dan hasilnya akan tampak seperti berikut ini :

bagian yang akan ditampilkan di browser anda adalah yang berada diantara tag <body>. tag <h1> merupakan tag heading yang biasanya digunakan untuk menulis judul, sedangkan tag an tag <p> adalah tag yang digunakan untuk membuat paragraf baru.

sekian dulu penjelasan html-nya, kalo masih belum jelas kamu bisa tanya lewat komentar dibawah :D

-= happy study =-