Penerapan HTML (Part 13)
I.Latar Belakang. Latar belakang kali ini kita masih mengenal sintag tentang HTML apa saja yang di butuhkan untuk membuat web dasar
II.Alat dan Bahan.
Laptop / PC
W3SCHOOLS
Sublime text
III.Tujuan.
untuk mengetahui langkah dasar untuk membuat web yang sederhana.
IV.Penjelasan.
Simbol HTML
Entitas HTML Simbol
entitas HTML yang dijelaskan dalam bab sebelumnya.
Banyak matematika, teknis, dan simbol mata uang, yang tidak hadir pada keyboard biasa.
Untuk menambahkan simbol seperti ke halaman HTML, Anda dapat menggunakan HTML nama entitas.
Jika tidak ada nama entitas ada, kamu dapat menggunakan nomor entitas, desimal, atau referensi heksadesimal.
Contoh :
Maka outputnya:
Untuk menampilkan halaman HTML dengan benar, web browser harus tahu mana set karakter (karakter encoding) untuk digunakan.
Apa Character Encoding?
ASCII adalah yang pertama standar pengkodean karakter (juga disebut set karakter). ASCII didefinisikan 127 karakter yang berbeda alfanumerik yang dapat digunakan di internet: angka (0-9), huruf bahasa Inggris (A-Z), dan beberapa karakter khusus seperti! $ + - () @ <>.
ANSI (Windows-1252) adalah asli set karakter Windows, dengan dukungan untuk 256 kode karakter yang berbeda.
ISO-8859-1 adalah karakter default untuk HTML 4. Karakter ini mengatur juga didukung 256 kode karakter yang berbeda.
Karena ANSI dan ISO-8859-1 begitu terbatas, pengkodean karakter default diubah menjadi UTF-8 di HTML5.
UTF-8 (Unicode) mencakup hampir semua karakter dan simbol di dunia.
HTML charset Atribut
Untuk menampilkan halaman HTML dengan benar, web browser harus tahu set karakter yang digunakan dalam halaman.
Hal ini ditentukan dalam tag <meta>
<Meta charset = "UTF-8">
ASCII menggunakan nilai dari 0 sampai 31 (dan 127) untuk karakter kontrol.
ASCII menggunakan nilai 32-126 untuk huruf, angka, dan simbol.
ASCII tidak menggunakan nilai-nilai 128-255.
ANSI Character Set (Windows-1252)
ANSI identik dengan ASCII untuk nilai 0-127.
ANSI memiliki seperangkat milik karakter untuk nilai 128-159.
ANSI identik dengan UTF-8 untuk nilai 160-255.
ISO-8859-1 Set Karakter
8859-1 identik dengan ASCII untuk nilai 0-127.
8859-1 tidak menggunakan nilai-nilai 128-159.
8859-1 identik dengan UTF-8 untuk nilai 160-255.
UTF-8 Character Set
UTF-8 identik dengan ASCII untuk nilai 0-127.
UTF-8 tidak menggunakan nilai-nilai 128-159.
UTF-8 identik dengan baik ANSI dan 8859-1 untuk nilai 160-255.
UTF-8 terus dari nilai 256 dengan lebih dari 10 000 karakter yang berbeda.
HTML Uniform Resource Locator
URL adalah kata lain untuk alamat web.
Sebuah URL dapat terdiri dari kata-kata (w3schools.com), atau alamat Internet Protocol (IP) (192.68.20.50).
Kebanyakan orang memasukkan nama ketika berselancar, karena nama-nama yang lebih mudah diingat daripada nomor.
URL - Uniform Resource Locator
Web browser meminta halaman dari server web dengan menggunakan URL.
Sebuah Uniform Resource Locator (URL) digunakan untuk mengatasi dokumen (atau data lain) di web.
scheme://prefix.domain:port/path/filename
Penjelasan:
Scheme - mendefinisikan jenis layanan Internet (paling umum adalah http
atau https)
prefix - mendefinisikan awalan domain (default untuk http www)
domain - mendefinisikan nama domain Internet (seperti w3schools.com)
port - mendefinisikan nomor port di host (default untuk http adalah 80)
path - mendefinisikan jalan di server (Jika dihilangkan: direktori root dari
situs)
filename -mendefinisikan nama dokumen atau sumber daya
URL hanya dapat dikirim melalui Internet menggunakan ASCII karakter-set. Jika URL berisi karakter di luar ASCII set, URL harus diubah.
encoding URL mengkonversi karakter non-ASCII ke dalam format yang dapat ditularkan melalui Internet.
encoding URL menggantikan karakter non-ASCII dengan "%" diikuti dengan digit heksadesimal.
URL tidak boleh berisi spasi. URL encoding biasanya menggantikan spasi dengan plus (+) tanda, atau% 20.
XHTML adalah HTML ditulis sebagai XML.
Apakah XHTML?
XHTML singkatan eXtensible HyperText Markup Language
XHTML hampir sama dengan HTML
XHTML adalah ketat daripada HTML
XHTML adalah HTML didefinisikan sebagai aplikasi XML
XHTML didukung oleh semua browser utama
Mengapa XHTML?
Banyak halaman di internet berisi "buruk" HTML.
Kode HTML ini bekerja dengan baik di kebanyakan browser (bahkan jika tidak mengikuti aturan HTML)
pasar saat ini terdiri dari teknologi browser lain. Beberapa browser dijalankan pada komputer, dan beberapa browser berjalan di ponsel atau perangkat kecil lainnya. perangkat yang lebih kecil sering kekurangan sumber daya atau kekuatan untuk menafsirkan "buruk" markup.
XML adalah bahasa markup mana dokumen harus ditandai dengan benar (akan "well-formed").
Jika Anda ingin belajar XML, silahkan baca tutorial XML kami.
Dengan menggabungkan kekuatan dari HTML dan XML, XHTML dikembangkan.
XHTML adalah HTML didesain ulang sebagai XML.
Perbedaan Paling Penting dari HTML:
Struktur dokumen
XHTML DOCTYPE adalah wajib
Xmlns atribut di <html> adalah wajib
<Html>, <head>, <title>, dan <body> adalah wajib
XHTML Elemen
elemen XHTML harus diulang dengan benar
elemen XHTML harus selalu ditutup
elemen XHTML harus dalam huruf kecil
dokumen XHTML harus memiliki satu elemen root
Atribut XHTML
nama atribut harus dalam huruf kecil
nilai atribut harus dikutip
minimisasi atribut dilarang
<! DOCTYPE ....> Apakah Wajib
Dokumen XHTML harus memiliki deklarasi DOCTYPE XHTML.
Sebuah daftar lengkap dari semua Doctypes XHTML ditemukan dalam HTML kita Tags Referensi.
<Html>, <head>, <title>, dan <body> elemen juga harus hadir, dan xmlns atribut di <html> harus menentukan namespace xml untuk dokumen.
Contoh ini menunjukkan dokumen XHTML dengan minimal tag diperlukan
XHTML Elemen Harus Benar
Dalam HTML, beberapa elemen dapat benar bersarang dalam satu sama lain, seperti ini:
<B> <i> Teks ini tebal dan miring </ b> </ i>
Dalam XHTML, semua elemen harus benar bersarang di dalam masing-masing, seperti ini:
<B> <i> Teks ini tebal dan miring </ i> </ b>
XHTML Elemen Harus Selalu Siap DitutupIni salah:
<P> Ini adalah sebuah paragraf
<P> Ini adalah paragraf lain
Ini benar:
<P> Ini adalah sebuah paragraf </ p>
<P> Ini adalah paragraf lain </ p>
Elemen kosong juga harus ditutup
Ini salah:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Ini benar:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
XHTML Elemen Harus Dalam Kasus Bawah
Ini salah:
<BODY>
<P> Ini adalah sebuah paragraf </ P>
</ BODY>
Ini benar:
<Body>
<P> Ini adalah sebuah paragraf </ p>
</ Body>
XHTML Atribut Nama Harus Di Bawah Kasus
Ini salah:
<Table WIDTH = "100%">
Ini benar:
<Table width = "100%">
Nilai atribut Harus Dikutip
Ini salah:
<Table width = 100%>
Ini benar:
<Table width = "100%">
Atribut Meminimalkan Apakah Terlarang
Salah:
<Input type = "checkbox" name = "kendaraan" value = "mobil" diperiksa />
Benar:
<Input type = "checkbox" name = "kendaraan" value = "mobil" diperiksa = "diperiksa" />
Salah:
<Input type = "text" name = "nama belakang" cacat />
Benar:
<Input type = "text" name = "nama belakang" disabled = "cacat" />
Cara Konversi dari HTML ke XHTML
- Tambahkan XHTML <! DOCTYPE> ke baris pertama dari setiap halaman
- Menambahkan atribut xmlns untuk elemen html dari setiap halaman
- Mengubah semua nama elemen huruf kecil
- Tutup semua elemen kosong
- Mengubah semua nama atribut ke huruf kecil
- Kutipan semua nilai atribut
dapat kita simpulkan bahwa trik trik dasar itu harus kita pelajari agar kita dapat membuat suatu web sederhana yang maximal.
VI.Refrensi.
http://www.w3schools.com/html
Komentar
Posting Komentar