Tugas Ke 2

Elemen Kode Komputer HTML
HTML <kbd> Untuk Input Keyboard

Elemen HTML <kbd>digunakan untuk mendefinisikan input keyboard. Konten
di dalamnya ditampilkan dalam font monospace default browser.
Contoh:
Tentukan beberapa teks sebagai input keyboard dalam dokumen:
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>
Hasil:
Save the document by pressing Ctrl + S
HTML <samp> Untuk Keluaran Program

Elemen HTML <samp>digunakan untuk menentukan output sampel dari
program komputer. Konten di dalamnya ditampilkan dalam font monospace
default browser.
Contoh:
Tentukan beberapa teks sebagai contoh keluaran dari program komputer
dalam dokumen:
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>
Hasil:
Message from my computer:
File not found.
Press F1 to continue
Elemen Semantik HTML
Apa itu Elemen Semantik?
Elemen Semantik dalam HTML
Banyak situs web berisi kode HTML seperti: <div id="nav"> <div
class="header"> <div id="footer"> untuk menunjukkan navigasi, header, dan
footer.
Dalam HTML ada beberapa elemen semantik yang dapat digunakan untuk
mendefinisikan berbagai bagian halaman web:
<artikel>
<ke samping>
<detail>
<figcaption>
<gambar>
<footer>
<tajuk>
<utama>
<tanda>
<nav>
<bagian>
<ringkasan>
<waktu>
Elemen <bagian> HTML
Elemen <section>mendefinisikan bagian dalam dokumen.
Menurut dokumentasi HTML W3C: "Bagian adalah pengelompokan konten
tematik, biasanya dengan judul."
Panduan Gaya HTML
Gunakan Nama Elemen Huruf Kecil
HTML memungkinkan pencampuran huruf besar dan kecil dalam nama elemen.
Namun, sebaiknya gunakan nama elemen huruf kecil, karena:
 Mencampur nama huruf besar dan kecil terlihat buruk

 Pengembang biasanya menggunakan nama huruf kecil
 Huruf kecil terlihat lebih bersih
 Huruf kecil lebih mudah ditulis
Contoh
Bagus:
<body>
<p>This is a paragraph.</p>
</body>
Buruk:
<BODY>
<P>This is a paragraph.</P>
</BODY>
Tutup Semua Elemen HTML
Dalam HTML, Anda tidak harus menutup semua elemen (misalnya <p>elemen).
Namun, kami sangat menyarankan untuk menutup semua elemen HTML, seperti ini:
Bagus:
<section>
</section>
Buruk:
<section>
<p>This is a paragraph.
<p>This is a paragraph.
</section>
Entitas HTML
Entitas HTML
Beberapa karakter dicadangkan dalam HTML.
Jika Anda menggunakan tanda kurang dari (<) atau lebih besar dari (>) dalam teks, browser
mungkin mencampurnya dengan tag.
Entitas karakter digunakan untuk menampilkan karakter yang dicadangkan dalam HTML.
Entitas karakter terlihat seperti ini:
&entity_name;
OR
&#entity_number;
Simbol HTML
Entitas Simbol HTML
Entitas HTML telah dijelaskan di bab sebelumnya.
Banyak simbol matematika, teknis, dan mata uang, tidak ada di keyboard biasa.
Untuk menambahkan simbol tersebut ke halaman HTML, Anda dapat menggunakan nama
entitas atau nomor entitas (referensi desimal atau heksadesimal) untuk simbol tersebut.
Contoh
Tampilkan tanda euro, €, dengan nama entitas, desimal, dan nilai heksadesimal:
<p>I will display €</p>

Akan ditampilkan sebagai:

Saya akan menampilkan €
Menggunakan Emoji di HTML
Apa itu Emoji?
Emoji terlihat seperti gambar, atau ikon, tetapi sebenarnya tidak.
Itu adalah huruf (karakter) dari kumpulan karakter UTF-8 (Unicode).
Atribut charset HTML
Untuk menampilkan halaman HTML dengan benar, browser web harus mengetahui
kumpulan karakter yang digunakan di halaman.
Ini ditentukan dalam <meta>tag:
<meta charset="UTF-8">
Karakter UTF-8
Banyak karakter UTF-8 tidak dapat diketik di keyboard, tetapi selalu dapat ditampilkan
menggunakan angka (disebut nomor entitas):
 A adalah 65
 B adalah 66
 C adalah 67
Contoh
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>I will display A B C</p>

<p>I will display A B C</p>
</body>
</html>
Pengodean HTML (Kumpulan Karakter)
Dari ASCII ke UTF-8
ASCII adalah standar pengkodean karakter pertama. ASCII mendefinisikan 128 karakter
berbeda yang dapat digunakan di internet: angka (0-9), huruf bahasa Inggris (AZ), dan
beberapa karakter khusus seperti ! $ + - ( ) @ < > .
ISO-8859-1 adalah set karakter default untuk HTML 4. Set karakter ini mendukung 256 kode
karakter yang berbeda. HTML 4 juga mendukung UTF-8.
ANSI (Windows-1252) adalah kumpulan karakter Windows asli. ANSI identik dengan ISO-
8859-1, kecuali ANSI memiliki 32 karakter tambahan.
Spesifikasi HTML5 mendorong pengembang web untuk menggunakan kumpulan karakter

UTF-8, yang mencakup hampir semua karakter dan simbol di dunia!
Atribut charset HTML
Untuk menampilkan halaman HTML dengan benar, browser web harus mengetahui
kumpulan karakter yang digunakan di halaman.
Ini ditentukan dalam <meta>tag:
Pencari Sumber Daya Seragam HTML
URL adalah kata lain untuk alamat web.
URL dapat terdiri dari kata-kata (mis. w3schools.com), atau alamat Protokol Internet (IP)
(mis. 192.68.20.50).
Kebanyakan orang memasukkan nama saat berselancar, karena nama lebih mudah diingat
daripada angka.
URL - Uniform Resource Locator
Browser web meminta halaman dari server web dengan menggunakan URL.
Uniform Resource Locator (URL) digunakan untuk mengalamatkan dokumen (atau data lain)
di web.
Alamat web seperti https://www.w3schools.com/html/default.asp mengikuti aturan sintaks

ini:
scheme://prefix.domain:port/path/filename
Penjelasan:
 skema - menentukan jenis layanan Internet (paling umum adalah http atau https )
 awalan - menentukan awalan domain (default untuk http adalah www )
 domain - menentukan nama domain Internet (seperti w3schools.com)
 port - menentukan nomor port di host (default untuk http adalah 80 )
 path - menentukan jalur di server (Jika dihilangkan: direktori root situs)
 filename - menentukan nama dokumen atau sumber daya

Tugas Ke 2

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Ke 2

Diunggah oleh

Hak Cipta:

Format Tersedia

Elemen Kode Komputer HTML

HTML <kbd> Untuk Input Keyboard

HTML <samp> Untuk Keluaran Program

Namun, sebaiknya gunakan nama elemen huruf kecil, karena:

 Mencampur nama huruf besar dan kecil terlihat buruk

Tutup Semua Elemen HTML

Beberapa karakter dicadangkan dalam HTML.

Entitas karakter terlihat seperti ini:

Entitas HTML telah dijelaskan di bab sebelumnya.

<p>I will display €</p>

Akan ditampilkan sebagai:

Emoji terlihat seperti gambar, atau ikon, tetapi sebenarnya tidak.

Itu adalah huruf (karakter) dari kumpulan karakter UTF-8 (Unicode).

Atribut charset HTML

Ini ditentukan dalam <meta>tag:

<p>I will display A B C</p>

Spesifikasi HTML5 mendorong pengembang web untuk menggunakan kumpulan karakter

Atribut charset HTML

Ini ditentukan dalam <meta>tag:

URL - Uniform Resource Locator

Alamat web seperti https://www.w3schools.com/html/default.asp mengikuti aturan sintaks

Anda mungkin juga menyukai

Tugas Ke 2

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Ke 2

Diunggah oleh

Hak Cipta:

Format Tersedia

Elemen Kode Komputer HTML

HTML <kbd> Untuk Input Keyboard

HTML <samp> Untuk Keluaran Program

Namun, sebaiknya gunakan nama elemen huruf kecil, karena:

 Mencampur nama huruf besar dan kecil terlihat buruk

Tutup Semua Elemen HTML

Beberapa karakter dicadangkan dalam HTML.

Entitas karakter terlihat seperti ini:

Entitas HTML telah dijelaskan di bab sebelumnya.

<p>I will display &euro;</p>

Akan ditampilkan sebagai:

Emoji terlihat seperti gambar, atau ikon, tetapi sebenarnya tidak.

Itu adalah huruf (karakter) dari kumpulan karakter UTF-8 (Unicode).

Atribut charset HTML

Ini ditentukan dalam <meta>tag:

<p>I will display A B C</p>

Spesifikasi HTML5 mendorong pengembang web untuk menggunakan kumpulan karakter

Atribut charset HTML

Ini ditentukan dalam <meta>tag:

URL - Uniform Resource Locator

Alamat web seperti https://www.w3schools.com/html/default.asp mengikuti aturan sintaks

Anda mungkin juga menyukai

<p>I will display €</p>