Prolog
Artikel kali ini akan membahas tentang tag tag html yang sering digunakan oleh para programmer web dalam proses pembuatan halaman web untuk mengefisienkan kata dan waktu langsung saja kita bahas satu-persatu tag tag HTML yang sering digunakan (ok tampilkan) :
dan hasilnya :
artikelnya akan di mengenal lebih dekat tag HTML bagian 2
itulah beberapa perintah dan contoh tag HTML , keep koding :)
1. Tag Utama
a. html
tag <html></html> adalah baris paling atas pada dokumen html.
b. head
tag <head> </head>, tag yang berisi informasi mengenai halaman HTML biasa berisi descripsi tentang dokument, judul, dan informasi lain di tempatkan disini.
c. body
tag <body> </body>, tag ini berisi seluruh tampilan dokument, jadi di dalam tag <body> seluruh element di pasang
contoh pengunaan tag utama :
<html>
<head>
# berisi informasi seperti title(judul),descripsi, dan informasi lain.
</head>
<body>
#berisi seluruh konten dokument misalnya heading, isi(konten), footer, sidebar, dll
</body>
</html>
2. Tag Link
a. tag <a>
salah satu tag yang paling sering digunakan adalah <a>, tag ini digunakan untuk membuat hyperlink, intinya digunakan untuk mengaitkan halaman yang satu dengan halaman yang lain.
2. Attribute lain
Attribute
1. href
attribute yang sering digunakan adalah href digunakan untuk menentukan target link, target disini bisa berupa link URL atau bisa juga element ID pada suatu file HTML, untuk lebih jelasnya saya berikan contoh :
/** mengunakan url external **/
<a href="google.com"> klik google </a>
/** mengunakan url directory **/
<a href="belajar/index.php"> Belajar </a>
/** mengunakan link internal dengan target ID**/
<a href="#nama_id" > klik disini </a>
2. Attribute lain
selain atribute href masih banyak juga atribute lain yang bisa digunakan untuk tag a yaitu :download(HTML5), media(HTML5), ping(HTML5), rel, target, datafld, datasrc, hreflang, type, dll untuk lebih jelasnya anda bisa melihat penjelasan mengenai atribute tersebut di sini .
contoh-contoh lain pengunaan tag <a>
<!-- misalnya link yang di sematkan dalam sebuah gambar -->
<a href="coderware.blogspot.com">
<img src="img/img.png" alt="coderware">
</a>b. Tag untuk menampilkan gambar <img>
tag ini digunakan untuk menambahkan gambar ke dalam element HTML.
Attribute
Attribute yang sering digunakan pada tag ini adalah src, width, height, dan alt, attribute src digunakan sebagai image URL(link untuk gambar), width digunakan untuk mengatur lebar gambar, height digunakan untuk mengatur tinggi gambar, dan alt digunakan sebagai alternatif jika terjadi kesalahan dalam proses pemuatan gambar, contoh :
<img src="https://d13yacurqjgara.cloudfront.net/users/5187/screenshots/1055369/swallows_and_daggers_script.gif" width="300px" height="300px" alt="coderware">dan hasilnya :
sumber : sini
artikelnya akan di mengenal lebih dekat tag HTML bagian 2
itulah beberapa perintah dan contoh tag HTML , keep koding :)
0 komentar:
Posting Komentar