Halaman web tidak lepas dari yang namanya Heading, Paragraf, Link, dan Gambar. 4 hal ini dapat membuat webpage lebih menarik, lebih mudah dipahami, dan lebih hidup. Webpage pasti lebih dari satu halaman, jadi link sangat diperlukan disini. Begitu juga paragraf, bagaimana meletakkan paragraf di tengah, kanan, kiri. Tak mungkin juga halaman web hanya berisi tulisan tanpa adanya gambar. Nhah, disini saya akan memberikan sedikit tentang hal tersebut dengan teman-teman...
A. Tag
adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Secara umum, tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup(ditambahkan karakter "/" setelah karakter "<"). Sebagai contoh :
<body> ini adalah tag penutup isi dokumen </body>
B. Element
Pada HTML, element-elementnya terbagi menjadi beberapa bagian. Seperti heading, title, body.
1. Heading -> merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tah <html> dan </html>. Tag untuk headig adalah sebagai berikut :
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<html>
<head>
<title>membuat heading</title>
<title>membuat heading</title>
</head>
<body>
<h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>
</body>
</html>
2. Title -> merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaxnya sebagai berikut :
<title>
.................
</title>
3. Body -> element ini untuk menampilkan isi dokumen HTML. Tag <body> dan </body> terletak dibawah tag <head> dan </head>.
Element BODY mempunyei atribute-atribute yang menspesifikasikan khusunya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaxnya :
<body text="v" bgcolor="w" background="uri" link="x" alink="y" vlink="z">
. . . . . . . . . . . . .
</body>
pada element body, terdapat beberapa tag yang diperlukan untuk membuat sebuah web yang menarik, seperti paragraf, gambar, link, dll.
a. Paragraf
tag untuk paragraf adalah :
<p>
contoh aplikasi penggunaanya : paragraf.html
<html>
<head>
<title>paragraf</title>
</head>
<body>
<p align="right">Contoh membuat paragraf</p>
</body>
</html>
b. Gambar
tag untuk menampilkan gambar adalah :
<img>
contoh aplikasi penggunaanya : image.html
<html>
<head>
<title>tampilkan gambar</title>
</head>
<body>
<img src="coffe.jpg" height="100" width="100"></img>
</body>
</html>
c. Link
tag untuk link adalah :
<a> ( tag anchor )
contoh aplikasi penggunaannya : link.html
<html>
<head>
<title>menambahkan link</title>
</head>
<body>
<a href="http://www.wyndhariztha.blogspot.com">link ke wyndhariztha.blogspot.com</a>
</body>
</html>
sumber : http://hans.polinpdg.ac.id/html/
http://bloggersinting.blogspot.com
Nhah, gimana> susah-susah gampang gimana gitu.. :D
sama-sama masih belajar, dan semoga postingan ini membantu..
semangat belajar ya kawan,, :)
