Unknown-Green - 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
Paragraf
Untuk membuat teks dalam sebuah paragraf pada dokumen HTML digunakan tag
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
Image
Seperti dijelaskan sebelum, dokumen HTML selain bisa menampilkan teks bisa juga untuk menampilkan gambar/foto/images. Untuk menampilkan image digunakan tag
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.
Terimakasih ! Semoga Bermanfaat
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 :01 | < html > |
02 | < head > |
03 | < title >Contoh Heading</ title > |
04 | </ head > |
05 | < body > |
06 | < h1 >Ini heading 1</ h1 > |
07 | < h2 >Ini heading 2</ h2 > |
08 | < h3 >Ini heading 3</ h3 > |
09 | < h4 >Ini heading 4</ h4 > |
10 | < h5 >Ini heading 5</ h5 > |
11 | < h6 >Ini heading 6</ h6 > |
12 | </ body > |
13 | </ html > |
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 :1 | < html > |
2 | < head > |
3 | < title >Contoh Paragraf</ title > |
4 | </ head > |
5 | < body > |
6 | < p >Ini merupakan sebuah contoh paragraf dalam HTML.</ p > |
7 | < p >Dan ini merupakan contoh paragraf yang lainnya. Sebuah paragraf dapat terdiri dari satu atau beberapa kalimat.</ p > |
8 | </ body > |
9 | </ html > |
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 :1 | < html > |
2 | < head > |
3 | < title >Contoh Link</ title > |
4 | </ head > |
5 | < body > |
6 | < a href = "http://unknown-green.blogspot.com/" >Ini contoh link</ a > |
7 | </ body > |
8 | </ html > |
Seperti dijelaskan sebelum, dokumen HTML selain bisa menampilkan teks bisa juga untuk menampilkan gambar/foto/images. Untuk menampilkan image digunakan tag
<img>
.1 | < html > |
2 | < head > |
3 | < title >Contoh Image</ title > |
4 | </ head > |
5 | < body > |
6 | < img src = "fotoku.jpg" /> |
7 | </ body > |
8 | </ html > |
Terimakasih ! Semoga Bermanfaat
Dilarang Promosi Blog, Spam, Hack dan yang berbau Negatif ConversionConversion EmoticonEmoticon