tutorial pengembangan web terbaru

Contoh HTML


HTML Basic

dokumen HTML
HTML judul
paragraf HTML
link HTML
gambar HTML

contoh menjelaskan


HTML Attributes

The title atribut
The href atribut
Lebar dan tinggi atribut
The alt atribut
Atribut tanpa tanda kutip
Atribut tanpa tanda kutip tidak bekerja

contoh menjelaskan


HTML Headings

HTML judul
Aturan horisontal HTML
kepala HTML

contoh menjelaskan


HTML Paragraphs

paragraf HTML
Lebih paragraf HTML
Penggunaan jeda baris di HTML
Masalah puisi (some problems with HTML formatting)
Bagaimana mengontrol jeda baris dan ruang dengan <pre> tag

contoh menjelaskan


HTML Styles

gaya HTML
Warna latar belakang HTML
Warna teks HTML
Font teks HTML
Ukuran teks HTML
Perataan teks HTML

contoh menjelaskan


HTML Text Formatting

Format tebal menggunakan <b> elemen
Format kuat menggunakan <strong> elemen
Format miring menggunakan <i> elemen
Ditekankan memformat menggunakan <em> elemen
Format kecil menggunakan <small> elemen
Format ditandai menggunakan <mark> elemen
Ditandai dihapus menggunakan <del> elemen
Ditandai dimasukkan menggunakan <ins> elemen
Ditandai dihapus dan dimasukkan menggunakan <del> dan <ins>
Format subscript menggunakan <sub> elemen
Format superscript menggunakan <sup> elemen

contoh menjelaskan


HTML Quotations and Citations

Memformat kutipan singkat dengan <q> elemen.
Format dikutip bagian dengan <blockquote> elemen.
Dokumen format informasi penulis / pemilik dengan <address> elemen
Memformat singkatan dan akronim yang <abbr> elemen
Judul karya format dengan <cite> elemen
Arah teks format dengan <bdo> elemen

contoh menjelaskan


HTML Computercode Elements

Input keyboard memformat menggunakan <kbd> elemen
Output komputer format menggunakan <samp> elemen
Kode pemrograman format menggunakan <code> elemen
Kode pemrograman format melestarikan spasi dan garis-break
Format variabel menggunakan <var> elemen

contoh menjelaskan


HTML Comments

komentar tersembunyi
komentar bersyarat
Komentar untuk debugging

contoh menjelaskan


HTML CSS

HTML dengan inline CSS
HTML dengan CSS internal yang
HTML dengan CSS eksternal
HTML dengan font CSS
HTML dengan CSS menggunakan id atribut
HTML dengan CSS menggunakan class atribut
HTML dan CSS perbatasan
HTML dan CSS Padding
HTML dan CSS marjin
HTML dan CSS demo penuh

contoh menjelaskan


HTML Links

Menghubungkan, menggunakan URL absolut
Menghubungkan, menggunakan URL relatif
Mengubah warna link
Menghapus garis bawah dari link
Mengubah target link
Gambar sebagai link
Membuat link bookmark
Sebuah link yang pecah dari bingkai
Sebuah link mailto
Sebuah link mailto dengan subjek

contoh menjelaskan


HTML Images

Gunung
Ketinggian gambar dan lebar menggunakan atribut
Ketinggian gambar dan lebar menggunakan CSS
Ketinggian gambar dan lebar menggunakan kedua
Sebuah gambar di folder lain
Sebuah gambar dengan link yang rusak
Sebuah gambar pada server lain
Menggunakan gambar sebagai link
Sebuah gambar bergerak
Peta gambar dengan daerah yang dapat diklik
Sebuah gambar mengambang

contoh menjelaskan


HTML Tables

Tabel HTML dasar
Sebuah meja dengan batas
Sebuah meja dengan batas runtuh
Sebuah meja dengan bantalan sel
Sebuah meja dengan judul
Sebuah meja dengan judul kiri-blok
Horizontal / Vertikal judul tabel
Sebuah meja dengan keterangan
Sel tabel yang span lebih dari satu kolom
Sel tabel yang span lebih dari satu baris
Sebuah meja dengan jarak sel
Sebuah meja dengan tag HTML dalam
Tabel dengan gaya yang berbeda menggunakan id saya
Tabel dengan gaya yang berbeda menggunakan id II
Tabel dengan gaya yang berbeda menggunakan kelas I
Tabel dengan gaya yang berbeda menggunakan kelas II

contoh menjelaskan


HTML Lists

Daftar unordered (default)
Daftar unordered dengan peluru disc
Daftar unordered dengan peluru lingkaran
Daftar unordered dengan peluru persegi
Daftar unordered tanpa peluru
Daftar memerintahkan (default)
Daftar memerintahkan dengan nomor
Daftar dipesan dengan huruf
Daftar memerintahkan dengan huruf kecil
Daftar memerintahkan dengan angka romawi
Daftar memerintahkan dengan angka romawi huruf kecil
Sebuah daftar deskripsi
Sebuah daftar bersarang I
Sebuah daftar bersarang II
Daftar horisontal
Menu daftar horisontal

contoh menjelaskan


HTML Block and inline elements

Styling <div> elemen
Styling <span> elemen

contoh menjelaskan


HTML Classes

Mengklasifikasikan <div> elemen saya
Mengklasifikasikan <div> elemen II
Mengklasifikasikan <span> elemen

contoh menjelaskan


HTML Layout

Tata letak menggunakan <div> elemen
Tata letak menggunakan unsur-unsur semantik
Tata letak menggunakan <table> elemen

contoh menjelaskan


HTML IFrame

Frame inline (a frame inside an HTML page)

contoh menjelaskan


HTML head Elements

Sebuah dokumen HTML yang valid tanpa <html> <body, and <head>
Sebuah dokumen HTML yang valid tanpa <head> elemen
The <title> elemen mendefinisikan judul dokumen
The <style> elemen berisi informasi gaya
The <link> elemen mendefinisikan hubungan dengan sumber daya eksternal
The <meta> elemen mendefinisikan informasi meta khusus
The <script> elemen mendefinisikan JavaScripts sisi klien
The <base> elemen mendefinisikan URL dasar untuk semua URL

contoh menjelaskan


HTML Scripts

Masukkan script
Penggunaan <noscript> tag

contoh menjelaskan


HTML Forms

Formulir dengan input teks
Form dengan masukan tombol radio
Bentuk dengan bidang teks dan tombol submit
Bentuk dengan bidang teks tanpa atribut nama
Pengelompokan Form Data
Kirim e-mail dari formulir

contoh menjelaskan


HTML Form Elements

Sebuah daftar drop-down yang sederhana
Sebuah daftar drop-down dengan nilai pra-dipilih
Sebuah textarea (a multi-line text input field)
Tombol masukan
Menggunakan <datalist> Elemen
Menggunakan <keygen> Elemen
Menggunakan <output> Elemen

contoh menjelaskan


HTML Input Types

Input type text
Jenis masukan password
Input type radio
Input type checkbox
Tombol input type
Input type jumlah - dengan pembatasan
Input type jumlah - dengan langkah-langkah
Tanggal input type - dengan pemetik tanggal
Tanggal input type - dengan pembatasan
Input type warna - dengan color picker
Jenis berbagai masukan
Input type bulan
Input type minggu
Input type waktu
Input type datetime
Input type datetime-lokal
Input type email
Input type pencarian
Input type tel
Input type url

contoh menjelaskan


HTML Input Attributes

The autocomplete atribut
The novalidate Atribut
autofocus_attribute The
The form atribut
The formaction Atribut
The formenctype Atribut
The formmethod Atribut
The formnovalidate Atribut
The formtarget Atribut
Tinggi dan lebar atribut
The list atribut
Min dan max atribut
The multiple atribut
The pattern Atribut
The placeholder atribut
The required Atribut
The step Atribut

contoh menjelaskan


HTML5 Canvas

Menggambar pada kanvas dengan JavaScript
Menggambar garis dengan lineTo()
Menggambar lingkaran dengan arc()
Menggambar teks dengan fillText()
Menggambar teks dengan strokeText()
Menggambar gradien linier
Menggambar gradien melingkar
Menggambar gambar dengan drawImage()

contoh menjelaskan


HTML5 SVG

SVG Lingkaran
SVG Rectangle
SVG Rounded Rectangle
SVG bintang
SVG Logo

contoh menjelaskan


HTML5 Media

bermain kelinci
Putar video beruang dengan kontrol
Putar video beruang dengan autoplay
Putar suara kuda dengan kontrol

contoh menjelaskan


HTML5 Geolocation

Dapatkan koordinat geolocation
Menangani kesalahan geolokasi
Dapatkan geolocation dengan peta
Dapatkan geolocation dengan naskah peta Google
Dapatkan geolocation dan menonton posisi

contoh menjelaskan


HTML5 Local Storage

Menyimpan nama permanen
Menyimpan counter permanen
Menyimpan counter untuk satu sesi

contoh menjelaskan


More HTML5 Examples

HTML5 drag dan drop
Cache aplikasi HTML5
Pekerja web HTML5
HTML5 server dikirim peristiwa