Home
- Apa yang harus dipersiapkan sebelum mempelajari html?
- Ekstensi file html manakah yang digunakan (.htm atau .html)?
- Apaan tuh Headings?
- Bagaimana membuat paragraf?
- Bagaimana membuat sebuah link?
- Menampilkan gambar pada dokumen?
Keduanya dapat anda gunakan, tidak ada perbedaan pada ekstensi file .htm atau .html. Semuanya terserah anda mau menggunakan yang mana.
Saat berkenalan dengan html pada tutorial sebelumnya, anda telah melihat struktur dasar dari sebuah dokumen html, di dalamnya terdapat tag <h1>Ini judul tulisan</h1> . Tag seperti inilah yang disebut headings. Headings biasanya digunakan untuk mendeskripsikan sebuah judul artikel atau judul dari sebuah halaman web.
Headings terdiri dari 6 tag yang berbeda, yaitu tag <h1> sampai <h6>. contoh penggunaan headings bisa dilihat pada demo di bawah.
Di atas adalah contoh penulisan headings dari h1 sampai h6, sedangkan disamping adalah tampilan yang keluar saat kita menjalankan kode di atas.
Tag html yang bertugas untuk membuat paragraf adalah tag <p>
Contoh:
<p>paragraf pertama</p>
<p>paragraf kedua</p>
Untuk membuat sebuah link menggunakan Tag <a>. Sedangkan alamat linknya didefinisikan dengan atribut href.
contoh:
<a href="http://klikedukasi.com">klikedukasi</a>
jika dijalankan akan menjadi sebuah link seperti ini "klikedukasi".
Menampilkan gambar pada dokumen?
Tag <img /> berfungsi untuk menampilkan gambar pada dokumen html, yang diselipi oleh atribut src. Atribut src inilah yang mendefinisikan alamat asli gambar dan menampilkannya pada halaman web.
contoh: <img src="images.jpg" />.
file images.jpg juga bisa diganti dengan alamat gambar yang ada pada internet. Misal saya memiliki alamat gambar http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif, Jika kita masukkan pada tag <img> kurang lebih menjadi seperti ini:
<img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" />
gambar akan muncul seperti ini 
Oke pembahasan dasar html sudah selesai, sekarang kita akan mencoba membuat halaman web sederhana dengan tag tag yang sudah kita pelajari di atas.
Dokumen html di atas merupakan penerapan dari tag tag yang sudah kita pelajari sebelumnya, seperti headings, paragraf, membuat link dan memasukkan gambar. Silahkan anda coba ketik ulang kode kode html yang ada pada textarea menggunakan notepad, kemudian save dengan ekstensi .html, ..Kemudian anda jalankan file yang anda buat, kurang lebih hasilnya seperti ini:
Judul dengan tag h3
Kita sedang latihan dasar html bersama klikedukasi
ini adalah contoh dari paragraf kedua kita
yang ini contoh link
Yang ini gambar
Sekian pembahasan html dasar kali ini, insya ALLAH akan ada tutorials html lanjutan dari step ini. Tetep tongkrongin klikedukasi ya :) Artikel sebelumnya Berkenalan dengan html
3
comments
thanks yaa ilmunya,..
BalasHapuswow keren
BalasHapusmakash mas ilmu y bermanfaat banget. Sukses trz y d tnggu lanjutn tutorial y
BalasHapus