Belajar HTML Dasar : Dasar HTML
By imadewira • June 12, 2012 • Tutorial HTML
Untuk mulai belajar HTML tingkat dasar pada tutorial HTML ini, beberapa tag dasar harus kita ketahui. Anda tidak perlu cemas apabila ada tag yang belum di mengerti dalam tutorial HTML ini. Silahkan langsung coba saja beberapa contoh tag dasar HTML yang dijelaskan di bawah ini.
Beberapa tag dasar yang digunakan dalam dokumen HTML adalah heading, paragraf, link, dan image.
Heading
Tag heading umumnya digunakan untuk membuat header / pada halaman website. Tag untuk heading terdiri dari tag <h1>
sampai dengan tag <h6>
. Sebagai contoh heading pada HTML silahkan coba kode HTML berikut ini :
<html> <head> <title>Contoh Heading</title> </head> <body> <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> </body> </html>
Paragraf
Untuk membuat teks dalam sebuah paragraf pada dokumen HTML digunakan tag <p>
yang merupakan tag pembuka dan diakhiri dengan tag penutup </p>
;. Sebagai contoh membuat paragraf pada HTML, silahkan coba contoh kode HTML berikut ini :
<html> <head> <title>Contoh Paragraf</title> </head> <body> <p>Ini merupakan sebuah contoh paragraf dalam HTML.</p> <p>Dan ini merupakan contoh paragraf yang lainnya. Sebuah paragraf dapat terdiri dari satu atau beberapa kalimat.</p> </body> </html>
Link
Hyperlink atau link (tautan) adalah sebuah teks atau gambar yang jika di klik akan membuat browser membuka halaman HTML lain. Jika sebuah link ditunjuk dengan mouse, biasanya kursor akan berubah menjadi bentuk menyerupai tangan kecil. Untuk membuat link digunakan tag <a>
. Sebagai contoh link silahkan coba kode HTML berikut ini :
<html> <head> <title>Contoh Link</title> </head> <body> <a href="http://kuliah.imadewira.com">Ini contoh link</a> </body> </html>
Image
Seperti dijelaskan sebelum, dokumen HTML selain bisa menampilkan teks bisa juga untuk menampilkan gambar/foto/images. Untuk menampilkan image digunakan tag <img>
.
<html> <head> <title>Contoh Image</title> </head> <body> <img src="fotoku.jpg" /> </body> </html>
Catatan : Untuk contoh kode HTML tentang image diatas, anda harus menyediakan sebuah gambar bernama “fotoku.jpg” di folder yang sama dimana anda menyimpan kode HTML tersebut.
[…] ini merupakan lanjutan dari tutorial HTML sebelumnya yaitu Belajar HTML Dasar : Dasar HTML. Dalam HTML, Element terdiri dari atas tiga bagian yaitu : Tag Pembuka, Isi dan Tag Penutup. Contoh […]
[…] ini merupakan lanjutan dari tutorial HTML sebelumnya yaitu Belajar HTML Dasar : Dasar HTML. Dalam HTML, Element terdiri dari atas tiga bagian yaitu : Tag Pembuka, Isi dan Tag Penutup. Contoh […]
Tolong beri CD gratis ataupun software gratis atau juga tutorial tentang Belajar Membuat HTML dengan cara yang lebih mudah dan gampang agar bisa dimengerti bahasanya dan mudah untuk dipraktekkan. Sebelumnya terima kasih.
mau tnya,
saya dapet liat sbuah cntoh program,,,
u2:if (pil==1)
{
statement;
statement;
}
trus smpe percbangan trakhir pakek u2,u3,u4….
yg sya mw tnyakan,mksd dari u2 trsbut apa pak??
tlong dibntu…
kalau tidak salah, mungkin u2 itu adalah sebuah variabel
saya sudah mengikuti cara dasar membuat program html tapi ko terakhirnya ga pernah ada logo mojila. Gimana si mas caranya.tanks..? bantuin.
Tanks
Ajat.s
iya , supaya bisa ad lambang intrenet nya kayak Mozilla , Internet Explorer , Chrome harus di save dengan menggunakan .html . contoh
save file: latihanpertama.html
wah semakin tau saya mengenai Html terima kasih mas.
saya ingin mencoba belajar lagi, mohon bimbingannya ya mas 😀 terima kasih
kok gambarnya gak mau muncul ya pak ,
padahal saya udh ikutin tutorialnya dengan sama persis
tolong di jelaskan
makasih
pak ini saya udah coba bikin html akan tetapi untuk mengganti struktur link nya ga bisa padahal sudah dicoba beberapa kali. itu gimana ya untuk kelanjutannya. mohon bantuannya.