From 31dfce5a8b9f20c62081bca004003c0b9ae44277 Mon Sep 17 00:00:00 2001 From: Devin Winando Date: Tue, 16 Nov 2021 19:39:09 +0700 Subject: [PATCH 1/6] add: HTML Head --- HTML/025 HTML Head/README.md | 55 +++++++++++++++++++++++++++++ HTML/025 HTML Head/img/favicon.png | Bin 0 -> 1613 bytes 2 files changed, 55 insertions(+) create mode 100644 HTML/025 HTML Head/README.md create mode 100644 HTML/025 HTML Head/img/favicon.png diff --git a/HTML/025 HTML Head/README.md b/HTML/025 HTML Head/README.md new file mode 100644 index 00000000..d85c6863 --- /dev/null +++ b/HTML/025 HTML Head/README.md @@ -0,0 +1,55 @@ +# HTML Head + +`` Merupakan salah satu element utama dalam HTML. Element `` digunakan sebagai wadah untuk metadata +pada HTML. Apa itu metadata? Pada HTML, metadata adalah data yang berisi tentang informasi dokumen HTML, +dan metadata tidak akan ditampilkan ketika kode dijalankan. Metada biasanya digunakan untuk menentukan judul dokumen, +style, script, dan informasi meta lainnya. Element yang biasa dimasukkan pada tag `` adalah +``, `<style>`, `<meta>`, `<link>`, `<script>`, dan `<base>`. + +## `<title>` + +`<title>` digunakan untuk memberikan judul pada halaman website. `<title>` hanya boleh berisi teks dan +akan ditampilkan pada bar tab dalam browser. element ini wajib ada pada dokumen HTML. Element ini +juga sangat penting untuk Search Engine Optimization (SEO) karena akan ditampilkan pada mesin pencari. + +## `<style>` + +`<style>` digunakan untuk mempercantik halaman website kita. Materi ini sudah pernah dibahas [di sini](https://github.com/bellshade/HTML-CSS/tree/main/HTML/008%20HTML%20Style), silahkan cek materi tersebut agar lebih jelas. + +## `<link>` + +`<link>` digunakan untuk menghubungkan HTML dengan sumber daya eksternal yang dibutuhkan. element ini paling sering +digunakan untuk menghubungkan HTML dengan CSS eksternal, namun bisa juga digunakan untuk menambahkan favicon pada +halaman website. favicon adalah gambar kecil yang ditampilkan di sebelah judul pada tab browser. Untuk menambahkannya, +kalian bisa menggunakan tag `<link>` seperti ini. + +```html +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Bellshade + + + + +``` + +hasilnya : +![Hasil favicon](img/favicon.png) + +## `` + +`` digunakan untuk menentukan karakter set, deskripsi halaman, pembuat halaman, dan lainnya. Selebihnya, +lihat [materi ini](https://github.com/bellshade/HTML-CSS/tree/main/HTML/008%20HTML%20Style) untuk penjelasan lebih detail tentang `` + +## `