image

Tutorial HTML


|

  Tutorial HTML


HTML Dasar
dokumen HTML
HTML judul
paragraf HTML
Link HTML
gambar HTML

Atribut HTML
Atribut judul
Atribut href
Lebar dan tinggi atribut
Alt atribut
Atribut tanpa tanda kutip
Atribut tanpa tanda kutip tidak bekerja

HTML Pos
HTML judul
Aturan horisontal HTML
kepala HTML

HTML Paragraf
paragraf HTML
Lebih paragraf HTML
Penggunaan jeda baris di HTML
Masalah puisi (beberapa masalah dengan format HTML)
Bagaimana mengontrol jeda baris dan ruang dengan tag <pre>

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

HTML Text Format
Format tebal menggunakan <b> elemen
Format kuat menggunakan <strong> elemen
Format miring menggunakan <i> elemen
Ditekankan format 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

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

HTML computercode Elements
Input keyboard format 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

HTML Komentar
komentar tersembunyi
komentar bersyarat
Komentar untuk debugging

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

Link HTML
Menghubungkan, menggunakan URL absolut
Menghubungkan, menggunakan URL relatif
Mengubah warna link
Melepaskan menggarisbawahi 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

Gambar HTML
Gunung
Ketinggian gambar dan lebar menggunakan atribut
Ketinggian gambar dan lebar menggunakan CSS
Ketinggian gambar dan lebar menggunakan kedua
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

Tabel HTML
Tabel HTML dasar
Sebuah meja dengan perbatasan
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

Daftar HTML
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 Saya
Sebuah daftar bersarang II
Daftar horisontal
Menu daftar horisontal

Blok HTML dan elemen inline
Styling <div> elemen
Styling <span> elemen

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

HTML Tata Letak
Tata letak menggunakan <div> elemen
Tata letak menggunakan elemen semantik
Tata letak menggunakan <table> elemen

HTML iFrame
Frame inline (bingkai dalam sebuah halaman HTML)

Elemen kepala HTML
Sebuah dokumen HTML yang valid tanpa <html> <body, dan <head>
Sebuah dokumen HTML yang valid tanpa <head> elemen
<Title> elemen mendefinisikan judul dokumen
<Style> elemen berisi informasi gaya
<Link> elemen mendefinisikan hubungan dengan sumber daya eksternal
The <meta> mendefinisikan informasi meta khusus
<Script> mendefinisikan JavaScripts sisi klien
The <base> elemen mendefinisikan URL dasar untuk semua URL

Script HTML
Menyisipkan script
Penggunaan <noscript> tag

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

HTML Elemen Form
Sebuah daftar drop-down yang sederhana
Sebuah daftar drop-down dengan nilai pra-dipilih
Sebuah textarea (multi-line kolom input teks)
Tombol masukan
Menggunakan <datalist> Elemen
Menggunakan <keygen> Elemen
Menggunakan <keluaran> Elemen

HTML Jenis Masukan
Jenis input teks
Jenis masukan password
Input type radio
Input type checkbox
Tombol input type
Jenis masukan nomor - dengan pembatasan
Jenis masukan nomor - dengan langkah-langkah
Tanggal input type - dengan pemetik tanggal
Tanggal input type - dengan pembatasan
Input type warna - dengan pemilih warna
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
Jenis masukan url


Atribut HTML Masukan
Atribut autocomplete
Atribut novalidate
autofocus_attribute yang
Bentuk atribut
Atribut formaction
Atribut formenctype
Atribut formmethod
Atribut formnovalidate
Atribut formtarget
Tinggi dan lebar atribut
Daftar atribut
Min dan max atribut
The beberapa atribut
Atribut pola
Atribut placeholder
Atribut yang diperlukan
Langkah Atribut

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

HTML5 SVG
SVG Lingkaran
SVG Rectangle
SVG Rounded Rectangle
SVG bintang
SVG Logo

HTML5 Media
bermain kelinci
Putar video beruang dengan kontrol
Putar video beruang dengan autoplay
Putar suara Horse dengan kontrol

HTML5 Geolocation
Dapatkan koordinat geolocation
Menangani error geolokasi
Dapatkan geolocation dengan peta
Dapatkan geolocation dengan script peta Google
Dapatkan geolocation dan menonton posisi

HTML5 Penyimpanan Lokal
Menyimpan nama permanen
Menyimpan counter permanen
Menyimpan counter untuk satu sesi

Lebih Contoh HTML5
HTML5 drag dan drop
Tembolok aplikasi HTML5
Pekerja web HTML5
HTML5 server dikirim peristiwa

Lanjut Ke Tutorial CSS >>>