HTML Dasar : TAG
Hello Mates🍻!!!
By : Mr.KLA
Dalam kesempatan ini saya akan membahas mengenai tag html, yaitu mengenai cara membuatnya,strukturnya dan tag-tag apa aja yg kita tulis dalam html.
Tag adalah kode daam html dimana kita menuliskan tanda < lalu nama tag nya apa dan diakhiri >. Tag itu ada yang berpasangan ada yang tidak biasanya tag berpasangan itu memilki tag pembuka dan tag penutup. Tag penutup memilki slash( / ) di depan nama tag nya.
ini adalah struktur dasar dari html yang sudah kita plajari di sebelumnya
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Dan yang kita bahas kali ini adalah tag-tag apa saja yang ada di dalam head dan body
Bagian Head ada beberapa hal yang bisa kita simpan, yang pertama ada
- Judul Halaman
<title></tite>
Apapun yang kita tulis pada tengah tengah tag title itu merupakan judul tab didalam browser
- CSS
<style></style>
- JavaScript
<script></script>
- MetaData
<meta></meta>
Meta Data ini penting untuk mendeskripsikan website kita
Contoh :
<head>
<meta charset="UTF-8">
<meta name="description" content="Pemrograman Web">
<meta name="keywords" content="HTML,CSS,JavaScript">
<meta name="author" content="LU BURIQ">
</head>
Penjelasan:
Kita bisa menuliskan Charset yaitu untuk encodingnya , Lalu Deskripsi dari website kita. Lalu keywords atau juga authornya itu pembuatnya siapa. Ini penting agar search engine dapat mudah mengidentifikasi website kita.
Bagian <body>
Tag dalam body cukup banyak tapi yang saya akan kali ini bahas hanya beberapa
Berikut contohnya :
-Teks
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>
pada heading kita dapat menuliskan <h1> sampai dengan <h6>
lalu terdapat tag <p> yaitu tag sebagai paragraf
- Pendukung teks
<br>, <hr>, <em>, <strong>, ...
tag <br> adalah yag untuk menambahkan baris baru, <hr> untuk garis horisontal
kemudian <em> dan <strong> kita bahas di kesempatan berikutnya.
- Gambar
<img>
Untuk menyimpan gambar menggunakan tag <img>
- Hyperlink
<a>
Untuk menyimpan hyper link kita gunakan tag <a>
- List (bullets & numbering)
<ul>, <ol>, <li>, <dl>, <dt>, <dd>
<ul> adalah untuk en order list atau list tidak terurut jadi ada yang titik ada yang garis ada yang panah.
<ol> adalah orde list dimana nanti didalam ul dan ol terdapat <li>
<li> adalah list item
dan ada
<dl>devinison list
<dt>, <dd> kita bahas di kesempatan berikutnya
Didalam body juga kita bisa buat
- table
<table>, <thead>, <tbody>, ...
- form
<form>, <input>, <select>, <button>, ...
- script
<script>
- object
<object>
- grouping
<div>, <span>
Lalu juga ada tag komentar yang juga penting dalam tiap tiap bahasa . Tag ini tidak akan ditampilkan di web browser, namun tag ini juga sangat penting bagi developer yang ingin menandai bagian bagian yang menurut nya penting/mencegah lupa :v
- Commentar
<!-- ini adalah komentar. -->
Struktur Tag
<namatag artibut="nilai"> jadi kita tadi sudah bahas bebrapa nama tag-tag nya, nah tag tersebut juga bisa dibungkus dengan artibut yang nanti akan menghasilkan nilai. Paham ga :v ???
contoh nih ye
<body bgcolor="lightblue">
Penjelasan :
Saya mempunyai nama tag body, lalu saya mempunyai nama artibut yang namanya bgcolor, yang dimana fungsi bgcolor adalah merubah warna background dari body, dan nilai/value nya adalah lightblue. Jadi halaman web saya warna background body nya nanti akan berwarna biru terang.
Namun hal ini tidak saya sarankan, mengapa??? karena artinya kita memberikan warna pada halaman dan pemberian warna adalah tugas dari CSS.
Sebuah tag boleh memiliki lebih dari 1 atribut contoh
<body bgcolor="lightblue" id="myid" class="myclass">
Jadi boleh tidak punya artibut sama sekali atau bisa mempunyai artibut nya
Artibut Global
Jadi tiap-tiap tag itu bisa mempunyai
- accesskey
(berfungsi adalah untuk memenentukan elemen ini bisa di akses menggunakan keyboard atau shortcut)
- class
- id
- dir
(memenentukan arah tulisannya)
- lang
(lang untuk language, ada yang gatau language??? coba tanya adik kalian yang masih TK :v kalo ga punya adik ya buat sendiri sono sama doi lu :v)
- style
(untuk menyisipkan imline CSS)
- tabindex
(ini adalah urutan misal kita membuat form, setalah kita pencet tab nah itu nanti kursornya pindah kemana mungkin ke hati e:v )
- title
(untuk membuat judul pada sebuah elemen)
Pengen lebih detail dekati hatinya :v eh maksud gw lihat artibut lengkap :v
silahkan kunjungi www.w3school.com/Tags
Nah mungkin itu saja yang saya berikan pada kesempatan kali ini. Ingat !!! Kesempatan pertama jangan lu sia siakan bray, Ntar lu didahuluin temen lu, ntar lu bilang temen lu itu penikung atau pelakor padahal lu kelamaan. Hanya kasih kepastian bisa apa cuk :v. Dan jangan bucin atau galau ae ajg :v. Lu galau? Halu? Sama cuuuuukkkk :v hehehe.
Sekian ya Bray See You Next Time !!!
Thanks To :
- ANGELS CYBER MOON
- TANGGERANG CYBER ARMY
- X-SPYPOIOSON COMMUNITY
- CLOWNSEC TEAM
- INDOSEC NETWORK
- MALANG XPLOIT CYBER
Belum ada Komentar untuk "HTML Dasar : TAG"
Posting Komentar