5. HTML Dasar : Mengenal Tag. Elemen dan Atribut Dalam HTML

Tag <HTML>

5. HTML Dasar : Mengenal Tag. Elemen dan Atribut Dalam HTML

Tag adalah kode dalam html dimana kita menuliskan tanda (<) lalu nama teg nya apa diakhiri tanda (>), Tag itu ada yang berpasangan dan ada yang tidak biasanya tag yang berpasangan itu memilik tag pembuka dan tag penutup, Tag penutup itu memiliki gasris miring didepan nama tagnya.

Inilah struktur dasar dari html yang kita sudah pelajari di mana didalamnya terdapat Doctype, html, head,dan body

Yang kita akan pelajari sekarang tag-tag apa saja yang bisa ada didalam head dan body,

1. Bagian <head>

Di tag head Ada beberapa hal yang bisa kita simpan, yaitu: Judul halaman, CSS, Javascript, Metadata.

Judul halaman (<title>...</title>) : diamana apapun yang di tuliskan di tengah tag title tersebut akan menjadi judul tab di browsernya
CSS (<style>...</style>) : untuk menuliskan bahasa pemrograman css
Javascript (<script>...</script>) :untuk menulisakn bahasa pemrograman javascript
Metadata (<meta>...</meta>) : meta data ini penting untuk mendiskripsikan website kita Contohnya seperti gambar ini

Yang pertama kita menuliskan charset/charakter set ini untuk and codingnya, Apa itu and coding? Nanti kita akan bahas belakangan, Lalu description dari webseti kita, Keywords,dan Authornya atau pembuatnya siapa ini penting supaya agar dapat mudah menidentifikasi website kita, Itulah tag-tag yang ada di dalam head.

2. Bagian <body>

Selanjutnya ini yang penting adalah tag-tagnya apa saja yang bisa ada didalam body tagnya cukup banyak yang akan ulas hanya beberapa di website ini nanti detailnya kita akan bahas di website selanjutnya,

Baik ini adalah yang bisa kita tulis di body

Yang pertama untuk Teks kita bisa simpan apa yang disebut heading, heading itu html ada 6 level mulai heading 1 yang paling besar lalu heading 6 paling kecil, untuk menuliskan paragraf kita sudah coba dengan menggunakan tag <p>,
Ada Pendukung untuk teks, yaitu: <br> untuk menambah baris baru, <hr> menambahkan garis horizontal, ada <em>,dan <strong> nanti detail akan bahas di website berikutnya setelah ini,
Lalu untuk menyimpan gambar menggunakan tag <img>,
Untuk menyimpan hyperlink itu menggunakan tag <a>,
Lalu untuk membuat list itu ada unordered list menggunakan tag <ul> list yang tidak terurut jadi ada yang titik, garis, ada yang panah.Ordered list menggunakan tag <ol>,didalam ul dan ol di dalamnya terdapat <li> yaitu list items dan ada <dl> definisi list nanti akan aku buatkan satu website tentang <dl> khusus
Di dalam body juga bisa simpan table tagnya <table>,
Lalu form beserta elemen-elemen di dalamnya nanti kita punya tag <form> dimana di dalamnya boleh punya input, select, button,dll.
Lalu di body juga kita boleh simpan javascript yaitu tagnya <script>,
Dan kita jug bisa menyimpan <object>, Object ini biasanya object multimedia jika kalian ingin menyimpan flash misalkan,
Lalu ada teks untuk melkaukan grouping yang nanti kita akan melkakukan group pada tag-tag yang ada di dalam html menggunakan tag <div>,dan <span> dan ini juga penting kalau kita nanti beljar CSS,
Lalu ada juga ada teks komentar ini juga cukup penting biasakan untuk menyimpan komentar di dalam halaman web kalian tiap-tiap bahasa mempunya teks komentar sendiri-sendiri untuk html menggunakan , teks komentar ini tidak akan tampil di web browser ini untuk developer saja begitu nanti dibuka lagi webnya lihat shourt codenya dia bisa tau ini baris untuk apa baris ini untuk apa karena mungkin kalian sekarang mengerjakan sebuah web itu mungkin bisa paham tapi 2 bulan, 3 bulan, bahkan 1tahun berikutnya nanti kalian bisa lupa barisan ini buat apa komentar adalah tag yang bisa ngebantu pengingatan kita.

3. Struktur tag

Struktur dari sebuah tag karena tag itu memiliki struktur gak cuman nama tag nya saja strukturnya seperti ini,

Di awali dengan namatag dan boleh ada atributnya lalu setiap atribut itu mempunya nilai atau value.Contohnya seperti ini,

Yang pertama adalah body itu sebagai nama tag lalu saya punya atribut yang namanya bgcolor dimana fungsi dari bgcolor merubah warna background dari body yang nilai/value adalah lightblue jadi nanti halaman website saya warna background untuk body nya akan berubah menjadi biru terang, walaupun ini tidak saya sarankan karena begitu kita tulis bgcolor="lightblue", artinya nanti kita akan memberi warna pada halaman karena memberi halaman itu adalah tugas dari CSS, tapi ini contoh menuliskan atribut dan nilai/value,

Sebuah tag boleh mempunyai lebih dari 1 atribut contohnya seperti ini,

body tadi mempunyai bgcolor, id,dan class, Jadi boleh tidak punya atribut sama sekali atau banyak atributnya.

4. Atribut global

Tiap-tiap tag mempunyai atribut yang default atau yang global atau yang sama semua tag global yang disebut atribut global. Apa saja atributnya?,

Tiap-tiap tag itu boleh mempunya atribut :

accesskey fungsinya untuk menentukan elemen ini bisa diakses menggunakan keyboard,
class dan id ini kita bisa kasih satu elemen kita kasih tanda dia classnya apa? Atau idnya apa?,
dir attribute digunakan untuk menentukan arah tulisan konten/teks pada sebuah element. Contohnya, Bahasa Indonesia ditulis dari kiri ke kanan, sedangkan Bahasa Arab ditulis dari kanan ke kiri.

lang attribute digunakan untuk menentukan bahasa apa yang ditulis pada sebuah konten di dalam element.

style merupakan attribute HTML yang digunakan untuk menyisipkan style (CSS) khusus untuk element itu sendiri, juga dinamakan inline style.

tabindex digunakan untuk menentukan urutan penggunaan tab pada sebuah papan tombol (keyboard) dalam mengakses sebuah element.
title digunakan sebagai judul informasi tambahan pada sebuah element. Biasanya ketika pointer menyentuh / berada diatas element tersebut maka akan muncul sebuah teks sesuai dengan value yang ditulis pada attribute title tersebut.

Kalau kalian ingin lihat lebih detail atribut lengkapnya kalian bisa kunjungungi di w3school tags

~♧Semoga membantu kalian semua :) ♧~

Senin, 13 Januari 2020

5. HTML Dasar : Mengenal Tag. Elemen dan Atribut Dalam HTML

Tag <HTML>