Dokumen HTML
Semua dokumen HTML harus dimulai dengan deklarasi tipe: <! DOCTYPE html>.
Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.
Bagian terlihat dari dokumen HTML adalah antara <body> dan </ body>.
contoh
<! DOCTYPE html>
<html>
<body>
<h1> My Heading Pertama </ h1>
<p> paragraf pertama saya. </ p>
</ body>
</ html>
Coba Sendiri »
HTML Pos
Judul HTML didefinisikan dengan <h1> untuk <h6> tags:
contoh
<h1> Ini adalah heading </ h1>
<h2> Ini adalah heading </ h2>
<h3> Ini adalah heading </ h3>
Coba Sendiri »
HTML Paragraf
Paragraf HTML didefinisikan dengan tag <p>:
contoh
<p> Ini adalah paragraf. </ p>
<p> Ini adalah paragraf lain. </ p>
Coba Sendiri »
Links HTML
Link HTML didefinisikan dengan tag <a>:
contoh
<a href="http://www.fans-page-sketsa-rom.blogspot.com/"> Ini adalah </a> tautan
Coba Sendiri »
Alamat link ditentukan dalam atribut href.
Atribut yang digunakan untuk memberikan informasi tambahan tentang elemen HTML.
HTML Images
Gambar HTML didefinisikan dengan tag <img>.
File sumber (src), teks alternatif (alt), dan ukuran (lebar dan tinggi) disediakan sebagai atribut:
contoh
<img src = "SKETSA_ROM.jpg" alt = "http://fans-page-sketsa-rom.blogspot.com/" width = "104" height = "142">
HTML5 memiliki unsur-unsur bentuk baru sebagai berikut:
<datalist>
<keygen>
<keluaran>
Catatan
Tidak semua browser mendukung semua elemen bentuk baru. Namun, Anda sudah dapat mulai menggunakan mereka; Jika mereka tidak didukung, mereka akan berperilaku seperti bidang teks biasa.
HTML5 <datalist> Elemen
The <datalist> elemen menetapkan daftar yang telah ditentukan pilihan untuk <input> elemen.
The <datalist> elemen digunakan untuk memberikan "autocomplete" fitur pada <input> elemen. Pengguna akan melihat daftar drop-down yang telah ditentukan pilihan karena mereka input data.
Gunakan <input> elemen daftar atribut untuk mengikat bersama-sama dengan <datalist> elemen.
OperaSafariChromeFirefoxInternet Explorer
contoh
Sebuah <input> elemen dengan nilai-nilai yang telah ditetapkan dalam <datalist>:
<form action = metode "demo_form.asp" = "mendapatkan">
<daftar input = "browser">
<id = datalist "browser">
<option value = "Internet Explorer">
<option value = "Firefox">
<option value = "Chrome">
<option value = "Opera">
<option value = "Safari">
</ datalist>
</ form>
Coba Sendiri »
HTML5 <keygen> Elemen
Tujuan dari <keygen> elemen adalah untuk menyediakan cara yang aman untuk mengotentikasi pengguna.
The <keygen> tag menentukan bidang key generator-pair dalam formulir.
Ketika formulir dikirimkan, dua tombol yang dihasilkan, satu swasta dan satu publik.
Kunci pribadi disimpan secara lokal, dan kunci publik dikirim ke server. Kunci publik dapat digunakan untuk menghasilkan sertifikat klien untuk mengotentikasi pengguna di masa depan.
OperaSafariChromeFirefoxInternet Explorer
contoh
Suatu bentuk dengan bidang keygen:
<form action = metode "demo_keygen.asp" = "mendapatkan">
Username: <input type = "text" name = "usr_name">
Enkripsi: <keygen name = "keamanan">
<input type = "submit">
</ form>
Coba Sendiri »
HTML5 <keluaran> Elemen
The <keluaran> elemen merupakan hasil perhitungan (seperti yang dilakukan oleh script).
OperaSafariChromeFirefoxInternet Explorer
contoh
Melakukan perhitungan dan menampilkan hasil dalam <keluaran> elemen:
<form action = metode "demo_form.asp" = "mendapatkan"
oninput = "x.value = parseInt (a.value) + parseInt (b.value)">
0
<input type = "range" id = "" nama = "a" value = "50">
100 +
<input type = "angka" id = "b" name = "b" value = "50">
=
<name output = "x" untuk = "a b"> </ output>
<input type = "submit">
</ form>
<Script> tag digunakan untuk mendefinisikan script sisi klien, seperti JavaScript.
<Script> elemen baik berisi pernyataan scripting atau menunjuk ke suatu file script eksternal melalui atribut src.
Penggunaan umum untuk JavaScript adalah manipulasi gambar, validasi form, dan dinamika perubahan konten.
Script di bawah ini menulis Hello JavaScript! ke elemen HTML dengan id = "demo":
contoh
<script>
document.getElementById ("demo") innerHTML = "Hello JavaScript!".;
</ script>
HTML <noscript> Tag
The <noscript> tag digunakan untuk memberikan konten alternatif bagi pengguna yang memiliki skrip dinonaktifkan pada browser mereka atau memiliki browser yang tidak mendukung client-side scripting.
The <noscript> elemen dapat berisi semua elemen yang dapat Anda temukan di dalam <body> elemen halaman HTML biasa.
Isi di dalam <noscript> elemen hanya akan ditampilkan jika script tidak didukung, atau dinonaktifkan di browser pengguna:
contoh
<script>
document.getElementById ("demo") innerHTML = "Hello JavaScript!".;
</ script>
<noscript> Maaf, browser Anda tidak mendukung JavaScript! </ noscript>
A Taste of JavaScript (Dari JavaScript Tutorial kami)
Berikut adalah beberapa contoh dari apa JavaScript dapat melakukan:
JavaScript dapat mengubah konten HTML:
document.getElementById ("demo") innerHTML = "Hello JavaScript!".;
JavaScript dapat mengubah gaya HTML:
document.getElementById ("demo") style.fontSize = "25px".;
disc:
<span ul = "list-style-type: disc">
<li> Kopi </ li>
<li> Teh
<li> Susu </ li>
</ ul>
Coba Sendiri »
lingkaran:
<span ul = "list-style-type: lingkaran">
<li> Kopi </ li>
<li> Teh
<li> Susu </ li>
</ ul>
Coba Sendiri »
persegi:
<span ul = "list-style-type: square">
<li> Kopi </ li>
<li> Teh
<li> Susu </ li>
</ ul>
Coba Sendiri »
none:
<span ul = "list-style-type: none">
<li> Kopi </ li>
<li> Teh
<li> Susu </ li>
</ ul>
Coba Sendiri »
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
