Assalamu'alaikum poinreaders,
Pada kesempatan kali ini kita akan belajar sebuah materi mengenai HTML, yaitu tentang Meta Info Tag. Materi kali ini merupakan lanjutan dari materi sebelumnya yaitu tentang Style dan Semantic Tag. Meta Info terbagi menjadi 4 bagian, yaitu tag head, meta, base dan basefont. Untuk penjelasan ke-4 tag tersebut, langsung saja simak ulasan berikut...
Pada kesempatan kali ini kita akan belajar sebuah materi mengenai HTML, yaitu tentang Meta Info Tag. Materi kali ini merupakan lanjutan dari materi sebelumnya yaitu tentang Style dan Semantic Tag. Meta Info terbagi menjadi 4 bagian, yaitu tag head, meta, base dan basefont. Untuk penjelasan ke-4 tag tersebut, langsung saja simak ulasan berikut...
1. <head>
Fungsi :
Tag <head> adalah sebuah wadah untuk menampung semua elemen pada kepala (head) website.
Format Penulisan :
Atribut :
Contoh Penulisan :
Metadata adalah sebuah data (informasi) tentang data. Tag <meta> menyediakan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan di halaman, namun akan menjadi mesin parsing. Tag <meta> biasanya digunakan untuk menentukan deskripsi halaman, kata kunci (keywords), pengarang (author), modifikasi terakhir (last modified), dan metadata lainnya.
Format Penulisan :
Atribut :
Contoh Penulisan :
Tag <base> menentukan basis (base) URL / target untuk semua URL relatif dalam sebuah dokumen.
Format Penulisan :
Atribut :
Contoh Penulisan :
Tag <basefont> menentukan warna teks default, ukuran huruf, atau font-family untuk semua teks dalam dokumen. Tag ini tidak didukung di HTML5.
Format Penulisan :
Atribut :
Contoh Penulisan :
Semoga materi yang saya sampaikan tentang HTML dapat dipahami poinreaders. Silakan tulis pertanyaan seputar materi yang telah dibahas pada kolom komentar. jangan lupa follow akun sosial kami agar poinreaders bisa mendapatkan materi terbaru tentang pemrograman.
Tag <head> adalah sebuah wadah untuk menampung semua elemen pada kepala (head) website.
Format Penulisan :
<head>...</head>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| profile | URL | optional | Menentukan URL ke dokumen yang berisi satu set rules (aturan). sebuah rules dapat dibaca oleh browser untuk memahami dengan jelas informasi atribut pada tag <meta>. Atribut ini tidak didukung di HTML5. |
<!DOCTYPE HTML>
<html>
<head>
<title>Tag head</title>
</head>
<body>
<h1>Ini adalah halaman website.</h1>
</body>
</html>
2. <meta>
Fungsi :Metadata adalah sebuah data (informasi) tentang data. Tag <meta> menyediakan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan di halaman, namun akan menjadi mesin parsing. Tag <meta> biasanya digunakan untuk menentukan deskripsi halaman, kata kunci (keywords), pengarang (author), modifikasi terakhir (last modified), dan metadata lainnya.
Format Penulisan :
<meta>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| charset | character_set | optional | Menentukan pengkodean karakter untuk dokumen HTML. |
| content | text | optional | Memberikan nilai yang terkait dengan atribut http-equiv atau name. |
| http-equiv | content-type default-style refresh |
optional | Menyediakan header HTTP untuk informasi / nilai dari atribut konten. |
| name | application-name author description generator keywords viewport |
optional | Menentukan nama untuk metadata. |
| scheme | format/URI | optional | Menentukan skema yang akan digunakan untuk menafsirkan nilai atribut konten. Atribut ini tidak didukung di HTML5. |
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Tempat belajar pemrograman">
<meta name="keywords" content="MATLAB, HTML, Bahasa C">
<meta name="author" content="Denis Julianto">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tag metadata</title>
</head>
<body>
<h1>Ini adalah halaman website.</h1>
</body>
</html>
3. <base>
Fungsi :Tag <base> menentukan basis (base) URL / target untuk semua URL relatif dalam sebuah dokumen.
Format Penulisan :
<base>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| href | URL | optional | Menentukan URL dasar untuk semua URL relatif di halaman HTML. |
| target | _blank _parent _self _top framename |
optional | Menentukan target default untuk semua hyperlink dan form di halaman HTML. |
<!DOCTYPE HTML>
<html>
<head>
<base href="img/" target="_blank">
<title>Tag base</title>
</head>
<body>
<img src="pointopoin.png">
</body>
</html>
4. <basefont>
Fungsi :Tag <basefont> menentukan warna teks default, ukuran huruf, atau font-family untuk semua teks dalam dokumen. Tag ini tidak didukung di HTML5.
Format Penulisan :
<basefont>
Atribut :
| Atribut | value | Keterangan | Deskripsi |
|---|---|---|---|
| color | color | optional | Menentukan warna default untuk teks dalam dokumen. |
| face | font_family | optional | Menentukan font default untuk teks dalam dokumen. |
| size | number | optional | Menentukan ukuran teks standar dalam dokumen. |
Contoh Penulisan :
<!DOCTYPE HTML>
<html>
<head>
<basefont color="red" size="5">
<title>Tag basefont</title>
</head>
<body>
<h1>Ini adalah halaman website.</h1>
</body>
</html>
Semoga materi yang saya sampaikan tentang HTML dapat dipahami poinreaders. Silakan tulis pertanyaan seputar materi yang telah dibahas pada kolom komentar. jangan lupa follow akun sosial kami agar poinreaders bisa mendapatkan materi terbaru tentang pemrograman.