Tag, Element, Atribut pada HTML

0
tag, elemen, atribut


Tag pada HTML

HTML (Hypertext Markup Language) adalah bahasa pemrograman yang digunakan untuk membuat struktur dasar dan konten dari sebuah halaman web. Tag HTML adalah elemen-elemen yang digunakan dalam dokumen HTML untuk mengatur tampilan dan fungsi dari halaman web. Dalam artikel ini, kita akan membahas beberapa tag HTML yang umum digunakan dalam pengembangan web.


1. <html>: Tag <html> digunakan sebagai tag induk yang mengelilingi seluruh konten halaman web. Tag ini menginformasikan kepada browser bahwa dokumen yang sedang diakses adalah dokumen HTML.


2. <head>: Tag <head> berisi informasi yang tidak ditampilkan secara langsung pada halaman web, seperti judul halaman, meta tag, dan tautan ke file eksternal seperti file CSS dan JavaScript.


3. <title>: Tag <title> digunakan untuk menentukan judul halaman web yang akan ditampilkan pada bar judul browser. Isi dari tag <title> akan ditampilkan sebagai judul tab atau judul halaman ketika halaman web di-bookmark.


4. <body>: Tag <body> berisi semua konten yang ingin ditampilkan pada halaman web, seperti teks, gambar, tautan, video, dan elemen lainnya.


5. <h1> sampai <h6>: Tag-heading atau tag-judul digunakan untuk membuat judul atau heading pada halaman web. Tag <h1> merupakan tag judul utama, sedangkan <h2>, <h3>, <h4>, <h5>, dan <h6> digunakan untuk judul yang lebih kecil dengan tingkat hierarki yang berbeda.


6. <p>: Tag <p> digunakan untuk membuat paragraf pada halaman web. Konten teks yang ingin ditampilkan dalam sebuah paragraf dapat ditempatkan di dalam tag <p>.


7. <a>: Tag <a> digunakan untuk membuat tautan atau hyperlink pada halaman web. Attribute "href" pada tag <a> digunakan untuk menentukan URL atau alamat tujuan dari tautan tersebut.


8. <img>: Tag <img> digunakan untuk menyisipkan gambar pada halaman web. Attribute "src" pada tag <img> digunakan untuk menentukan URL atau lokasi gambar yang ingin ditampilkan.


9. <ul> dan <li>: Tag <ul> dan <li> digunakan untuk membuat daftar tak-berurutan atau unordered list. Tag <ul> berfungsi sebagai wadah atau container untuk tag <li> yang digunakan untuk setiap item dalam daftar.


10. <ol> dan <li>: Tag <ol> dan <li> digunakan untuk membuat daftar berurutan atau ordered list. Tag <ol> berfungsi sebagai wadah atau container untuk tag <li> yang digunakan untuk setiap item dalam daftar. Attribute "type" pada tag <ol> digunakan untuk menentukan jenis penomoran dalam daftar.


11. dll



Element pada HTML

HTML (Hypertext Markup Language) adalah bahasa markah yang digunakan untuk membuat struktur dasar dan konten dalam halaman web. HTML terdiri dari sejumlah elemen atau tag yang digunakan untuk mengatur tampilan dan fungsi halaman web. Dalam artikel ini, kita akan membahas beberapa elemen HTML yang umum digunakan dalam pengembangan web.


1. <html>: Tag <html> digunakan sebagai tag induk yang mengelilingi seluruh konten halaman web. Tag ini menginformasikan kepada browser bahwa dokumen yang sedang diakses adalah dokumen HTML.


2. <head>: Tag <head> berisi informasi yang tidak ditampilkan secara langsung pada halaman web, seperti judul halaman, meta tag, dan tautan ke file eksternal seperti file CSS dan JavaScript.


3. <title>: Tag <title> digunakan untuk menentukan judul halaman web yang akan ditampilkan pada bar judul browser. Isi dari tag <title> akan ditampilkan sebagai judul tab atau judul halaman ketika halaman web di-bookmark.


4. <body>: Tag <body> berisi semua konten yang ingin ditampilkan pada halaman web, seperti teks, gambar, tautan, video, dan elemen lainnya.


5. <h1> sampai <h6>: Elemen heading atau judul digunakan untuk membuat judul pada halaman web. Elemen <h1> merupakan elemen judul utama, sedangkan <h2>, <h3>, <h4>, <h5>, dan <h6> digunakan untuk judul yang lebih kecil dengan tingkat hierarki yang berbeda.


6. <p>: Elemen <p> digunakan untuk membuat paragraf pada halaman web. Konten teks yang ingin ditampilkan dalam sebuah paragraf dapat ditempatkan di dalam elemen <p>.


7. <a>: Elemen <a> digunakan untuk membuat tautan atau hyperlink pada halaman web. Atribut "href" pada elemen <a> digunakan untuk menentukan URL atau alamat tujuan dari tautan tersebut.


8. <img>: Elemen <img> digunakan untuk menyisipkan gambar pada halaman web. Atribut "src" pada elemen <img> digunakan untuk menentukan URL atau lokasi gambar yang ingin ditampilkan.


9. <ul> dan <li>: Elemen <ul> dan <li> digunakan untuk membuat daftar tak-berurutan atau unordered list. Elemen <ul> berfungsi sebagai wadah atau container untuk elemen <li> yang digunakan untuk setiap item dalam daftar.


10. <ol> dan <li>: Elemen <ol> dan <li> digunakan untuk membuat daftar berurutan atau ordered list. Elemen <ol> berfungsi sebagai wadah atau container untuk elemen <li> yang digunakan untuk setiap item dalam daftar. Atribut "type" pada elemen <ol> digunakan untuk menentukan jenis penomoran dalam daftar.


11. dll



Atribut pada HTML

Atribut HTML adalah bagian penting dari elemen HTML yang digunakan untuk memberikan informasi tambahan atau mengatur perilaku dari elemen tersebut. Dalam artikel ini, kita akan membahas beberapa atribut HTML yang umum digunakan dalam pengembangan web.


1. "id": Atribut "id" digunakan untuk memberikan identitas unik kepada suatu elemen dalam halaman web. Nilai dari atribut "id" harus unik dalam satu halaman web, dan dapat digunakan untuk mengakses atau merujuk elemen tersebut dalam kode JavaScript atau CSS.

Contoh penggunaan:


<div id="header">Ini adalah header</div>



2. "class": Atribut "class" digunakan untuk memberikan satu atau beberapa kelas kepada suatu elemen. Kelas digunakan untuk mengelompokkan elemen yang memiliki karakteristik atau gaya yang sama, dan dapat diatur menggunakan CSS.

Contoh penggunaan:


<p class="paragraf">Ini adalah paragraf dengan kelas paragraf</p>


3. "src": Atribut "src" digunakan untuk menentukan URL atau alamat sumber untuk elemen seperti gambar, audio, video, atau script yang ingin dimuat dalam halaman web.

Contoh penggunaan:


<img src="gambar.jpg" alt="Gambar contoh">


4. "href": Atribut "href" digunakan untuk menentukan URL atau alamat tujuan untuk tautan atau hyperlink dalam elemen <a>. Ketika tautan tersebut diklik, browser akan mengarahkan ke URL yang ditentukan.

Contoh penggunaan:


<a href="https://www.contohwebsite.com">Kunjungi website contoh</a>


5. "alt": Atribut "alt" digunakan untuk memberikan teks alternatif untuk elemen gambar. Teks alternatif ini akan ditampilkan jika gambar tidak dapat dimuat atau untuk aksesibilitas bagi pengguna dengan gangguan penglihatan.

Contoh penggunaan:


<img src="gambar.jpg" alt="Gambar contoh" >


6. "title": Atribut "title" digunakan untuk memberikan teks judul atau informasi tambahan yang akan ditampilkan sebagai tooltip ketika pengguna mengarahkan kursor ke elemen tersebut.

Contoh penggunaan:


<a href="https://www.contohwebsite.com" title="Kunjungi website contoh">
Link ke website contoh</a>


7. "type": Atribut "type" digunakan untuk menentukan jenis konten yang akan dimuat dalam suatu elemen, seperti tipe file pada elemen <input> atau tipe skrip pada elemen <script>.

Contoh penggunaan:


<input type="text" name="username" placeholder="Masukkan username">


8. "value": Atribut "value" digunakan untuk menentukan nilai awal atau nilai yang dikirimkan dalam suatu elemen input.

Contoh penggunaan:


<input type="text" name="username" value="JohnDoe">


9. dll


Tags

Posting Komentar

0Komentar
Posting Komentar (0)