Bermula dengan HTML5+CSS3 untuk pemula hadapan

• Bab1 Pengenalan Kursus dan Pengetahuan Asas Komputer
• 1-1 laluan pembelajaran
• 1-2 Pengenalan kepada HTML
• 1-3 Konsep berkaitan web
• 1-4 Pelayar dan kernel biasa
• 1-5 piawaian web
• Bab2 Sintaks dan struktur asas HTML
• 2-1 Pengenalan kepada tag HTML
• 2-2 Spesifikasi sintaks HTML
• 2-3 Tag struktur asas HTML
• 2-4 Halaman penciptaan alat VSCode
• 2-5 DOCTYPE dan lang dan peranan set watak
• Bab3 tag HTML
• 3-1 semantik tag
• 3-2 tag tajuk
• 3-3 Tag perenggan dan tag pemisah baris
• 3-4 Kes berita sukan
• 3-5 tag pemformatan teks
• 3-6 tag div dan span
• 3-7 Tag imej (atas)
• 3-8 Tag imej (di bawah)
• 3-9 Perkara yang perlu diberi perhatian tentang tag imej
• Bab4 Laluan relatif vs laluan mutlak
• 4-1 Folder direktori dan direktori akar
• 4-2 Laluan relatif (atas)
• 4-3 Laluan relatif (di bawah)
• 4-4 jalan mutlak
• Bab5 Pautan dan Sauh
• 5-1 Tag pautan (atas)
• 5-2 Tag pautan (di bawah)
• 5-3 pautan sauh
• 5-4 Tag komen dan watak istimewa
• Bab6 Kes yang komprehensif
• 6-1 Kes Komprehensif (Bahagian 1)
• 6-2 Kes Komprehensif (Bahagian 2)
• Bab7 jadual HTML
• 7-1 Pengenalan kepada tag HTML (Bahagian 2)
• 7-2 Penggunaan asas label jadual
• 7-3 Label sel pengepala
• 7-4 Atribut berkaitan jadual (faham)
• 7-5 Kes ranking novel
• 7-6 Tag struktur jadual
• 7-7 Mencantumkan sel
• 7-8 Ringkasan jadual
• Bab8 senarai HTML
• 8-1 senarai tidak teratur
• 8-2 senarai pesanan
• 8-3 senarai tersuai
• 8-4 Ringkasan senarai
• Bab9 Borang HTML
• 9-1 Membentuk senario dan klasifikasi penggunaan
• 9-2 medan borang
• 9-3 Kotak teks atribut jenis input dan kotak kata laluan
• 9-4 Butang radio atribut jenis input dan kotak semak
• 9-5 nama input dan atribut nilai
• 9-6 Atribut input yang disemak dan panjang maksimum
• 9-7 Soalan dan Jawapan Bilik Darjah tentang Senario Penggunaan Empat Atribut Elemen Borang Input
• 9-8 Butang hantar atribut jenis input dan set semula
• 9-9 jenis input atribut butang biasa dan medan fail
• 9-10 label label
• 9-11 pilih borang lungsur
• 9-12 label kawasan teks textarea
• 9-13 Ringkasan unsur bentuk
• Bab10 Kes yang komprehensif
• 10-1 halaman pendaftaran (1)
• 10-2 muka surat pendaftaran (2)
• 10-3 Muka surat pendaftaran (3)
• 10-4 muka surat pendaftaran (4)
• 10-5 Belajar membaca dokumen
• Bab11 Pengenalan kepada jadual demo cascading css
• 11-1 Pengenalan kepada Lembaran Gaya Cascading CSS
• 11-2 Pengenalan kepada CSS
• Bab12 spesifikasi sintaks css dan gaya kod
• 12-1 Alami spesifikasi sintaks CSS
• 12-2 Gaya kod CSS
• Bab13 pemilih css
• 13-1 Peranan pemilih css
• 13-2 pemilih tag
• 13-3 pemilih kelas
• 13-4 Lukis kotak menggunakan pemilih kelas
• 13-5 Penggunaan khas pemilih kelas - berbilang nama kelas
• 13-6 pemilih id
• 13-7 pemilih kad bebas
• Bab14 fon css
• 14-1 font-family menetapkan keluarga font
• 14-2 saiz fon saiz fon
• 14-3 ketebalan font berat fon
• 14-4 gaya fon gaya fon
• 14-5 Cara menulis atribut komposit fon
• 14-6 Ringkasan sifat fon
• Bab15 csstext
• 15-1 warna teks
• 15-2 Penjajaran teks penjajaran teks
• 15-3 teks-hiasan teks-hiasan
• 15-4 inden teks-inden teks
• 15-5 Jarak garisan ketinggian garis
• 15-6 Ringkasan sifat teks css
• Bab16 lembaran gaya css
• 16-1 helaian gaya dalaman
• 16-2 helaian gaya sebaris
• 16-3 helaian gaya luaran
• 16-4 Ringkasan kaedah pengenalan css
• Bab17 Kes yang komprehensif
• 17-1 halaman berita
• 17-2 Ubah suai gaya (1)
• 17-3 Ubah suai gaya (2)
• 17-4 Ubah suai gaya (3)
• 17-5 Penggunaan alat penyahpepijatan krom
• Bab18 sintaks emmet
• 18-1 css panduan hari kedua
• 18-2 sintaks emmet menjana teg html
• 18-3 sintaks emmet untuk menjana gaya css dengan cepat
• 18-4 Cepat format kod
• Bab19 pemilih kompaun
• 19-1 Pengenalan kepada pemilih kompaun
• 19-2 pemilih keturunan
• 19-3 Pemilih elemen kanak-kanak
• 19-4 Latihan kelas
• 19-5 Pemilih kesatuan
• 19-6 Pautan pemilih kelas pseudo (Bahagian 1)
• 19-7 Pautkan pemilih kelas pseudo (di bawah)
• 19-8 pemilih kelas pseudo fokus
• 19-9 Ringkasan pemilih kompaun
• Bab20 Mod paparan elemen
• 20-1 Apakah mod paparan elemen
• 20-2 elemen blok
• 20-3 Elemen sebaris
• 20-4 elemen blok sebaris
• 20-5 Ringkasan mod paparan elemen
• 20-6 Penukaran mod paparan
• Bab21 Kes kecil bar sisi
• 21-1 Penggunaan snipaste alat kecil
• 21-2 Versi ringkas sarung bar sisi Xiaomi
• 21-3 Prinsip pemusatan menegak teks baris tunggal
• 21-4 warna latar belakang
• 21-5 Gambar latar belakang
• 21-6 jubin latar belakang
• 21-7 Kata nama orientasi kedudukan latar belakang
• 21-8 Kes lokasi latar belakang satu
• 21-9 Kes lokasi latar belakang 2-Gambar latar belakang Raja Kemuliaan
• 21-10 Kedudukan latar belakang - unit tepat
• 21-11 Kedudukan Latar Belakang - Unit Bercampur
• 21-12 latar belakang tetap
• 21-13 Kaedah penulisan komposit atribut latar belakang
• 21-14 warna latar belakang lut sinar
• 21-15 Ringkasan latar belakang
• 21-16 Navigasi Lima Warna Kes Komprehensif (Bahagian 1)
• 21-17 Navigasi Lima-Cai Kes Komprehensif (2)
• Bab22 Tiga ciri utama CSS
• 22-1 Kebolehtimbunan
• 22-2 harta pusaka
• 22-3 pewarisan ketinggian baris
• 22-4 keutamaan
• 22-5 Isu keutamaan
• 22-6 Tindanan pemberat CSS
• 22-7 Dua latihan bebanan
• Bab23 model kotak
• 23-1 Pengenalan kepada model kotak
• 23-2 Fahami intipati susun atur halaman web
• 23-3 Komponen model kotak
• 23-4 sempadan model kotak
• 23-5 Kaedah penulisan majmuk sempadan
• 23-6 sempadan garis nipis meja
• 23-7 Sempadan mempengaruhi saiz sebenar kotak
• 23-8 Pelapik jidar dalam model kotak
• 23-9 sifat kompaun padding
• 23-10 padding akan mempengaruhi saiz sebenar kotak
• 23-11 aplikasi padding-Sina Navigation Bar (Bahagian 1)
• 23-12 aplikasi padding-Sina Navigation (Bahagian 2)
• 23-13 Pengubahsuaian bar sisi Xiaomi
• 23-14 Padding tidak akan menahan kotak terbuka
• 23-15 Jidar model kotak
• 23-16 Penggunaan biasa margin--kotak peringkat blok dijajarkan secara mendatar dan tengah
• 23-17 Elemen sebaris dan elemen blok sebaris dipusatkan secara mendatar
• 23-18 Pencantuman margin - jidar menegak elemen blok bersebelahan
• 23-19 Pencantuman margin - elemen blok bersarang runtuh
• 23-20 Jidar dalam dan luar yang jelas
• Bab24 Kes yang komprehensif
• 24-1 Operasi asas ps
• 24-2 Analisis susun atur modul kes-produk yang komprehensif
• 24-3 Susun atur kotak kes yang komprehensif
• 24-4 Penghasilan gambar kes dan perenggan yang komprehensif
• 24-5 Penilaian kes yang komprehensif dan pengeluaran terperinci
• 24-6 Pengeluaran butiran baris kes-menegak yang komprehensif
• 24-7 Guru menerangkan
• 24-8 Analisis susun atur modul ekspres
• 24-9 Pengeluaran pengepala modul ekspres
• 24-10 Penciptaan senarai modul ekspres
• Bab25 sempadan bulat
• 25-1 Prinsip sempadan bulat
• 25-2 Penggunaan sudut bulat
• Bab26 bayang
• 26-1 bayang kotak
• 26-2 bayangan teks
• Bab27 terapung
• 27-1 Panduan terapung
• 27-2 Tiga cara susun atur laman web tradisional
• 27-3 Mengapa terapung diperlukan
• 27-4 apa itu terapung
• 27-5 Ciri-ciri Terapung-Di luar Standard
• 27-6 Sifat terapung-elemen terapung dipaparkan dalam satu baris
• 27-7 Sifat terapung - Unsur terapung mempunyai sifat blok sebaris
• 27-8 Unsur terapung sering dipasangkan dengan elemen induk aliran standard
• 27-9 Latihan Susunatur Terapung-1
• 27-10 Latihan Susunatur Terapung-2
• 27-11 Latihan Terapung-Modul Telefon Bimbit (Bahagian 1)
• 27-12 Latihan Terapung-Modul Telefon Bimbit (Bahagian 2)
• 27-13 Susun atur halaman web biasa
• 27-14 Dua perkara yang perlu diperhatikan tentang terapung
• Bab28 terapung jelas
• 28-1 Mengapa terapung jelas
• 28-2 Sifat terapung yang jelas dan kaedah label tambahan
• 28-3 Kosongkan limpahan unsur induk terapung
• 28-4 Jelas terapung selepas unsur pseudo
• 28-5 Elemen pseudo berganda terapung yang jelas
• 28-6 terapung jelas
• Bab29 ps potong gambar
• 29-1 Format imej biasa
• 29-2 Pemotongan lapisan (atas)
• 29-3 Potongan lapisan (di bawah)
• 29-4 alat potong
• 29-5 pemasangan pemotong
• 29-6 Petua untuk menggunakan cutterman
• Bab30 Kes Dalam Talian Xuecheng
• 30-1 Persediaan
• 30-2 susunan penulisan atribut css (penting)
• 30-3 Idea keseluruhan susun atur halaman
• 30-4 Penciptaan kawasan pengepala
• 30-5 Pengeluaran kawasan logo
• 30-6 Pengeluaran kawasan navigasi bar navigasi (Bahagian 1)
• 30-7 Pengeluaran kawasan navigasi bar navigasi (tengah)
• 30-8 Pengeluaran kawasan navigasi bar navigasi (Bahagian 2)
• 30-9 Carian pengeluaran input modul carian
• 30-10 Cari pengeluaran butang modul carian
• 30-11 Penghasilan modul pengguna
• 30-12 Penghasilan modul sepanduk
• 30-13 Pengeluaran modul subnav (Bahagian 1)
• 30-14 Pengeluaran modul subnav (Bahagian 2)
• 30-15 Penghasilan modul kursus (Bahagian 1)
• 30-16 penghasilan modul kursus (sederhana)
• 30-17 Penghasilan modul kursus (Bahagian 2)
• 30-18 Modul pengesyoran premium (Bahagian 1)
• 30-19 Modul pengesyoran premium (sederhana)
• 30-20 Modul pengesyoran premium (Bahagian 2)
• 30-21 pengeluaran modul box-hd
• 30-22 pengeluaran modul box-bd
• 30-23 modul kotak selesai
• 30-24 penghasilan modul footer
• 30-25 penghasilan modul hak cipta
• 30-26 memautkan penghasilan modul
• Bab31 kedudukan
• 31-1 Panduan kedudukan
• 31-2 Mengapa kedudukan diperlukan
• 31-3 Komposisi kedudukan
• 31-4 kedudukan relatif
• 31-5 Kedudukan mutlak - tiada kedudukan ibu bapa atau tiada kedudukan ibu bapa
• 31-6 Kedudukan mutlak - ibu bapa mempunyai status kedudukan
• 31-7 Kedudukan mutlak yang di luar standard tidak menduduki kedudukan asalnya.
• 31-8 asal usul bapa
• 31-9 Kes modul bapa-panas mutlak anak lelaki
• 31-10 Kedudukan tetap
• 31-11 Petua untuk kedudukan tetap - tetapkan di sebelah kanan bahagian tengah halaman
• 31-12 Kedudukan Melekit (Faham)
• 31-13 Ringkasan kedudukan
• 31-14 Susunan susunan kedudukan
• 31-15 Algoritma pemusatan kotak dengan kedudukan mutlak
• 31-16 Ciri khas kedudukan
• 31-17 Unsur terapung tidak akan menyekat kedudukan teks aliran standard.
• Bab32 Peta fokus Taobao
• 32-1 analisis susun atur
• 32-2 pengeluaran kotak besar
• 32-3 Pengeluaran butang anak panah kiri
• 32-4 Pengeluaran butang anak panah kanan
• 32-5 pengeluaran modul kotak ul
• 32-6 li pengeluaran modul titik kecil
• 32-7 Ringkasan susun atur laman web
• Bab33 Kentang kentang
• 33-1 paparan menunjukkan elemen tersembunyi
• 33-2 keterlihatan menunjukkan elemen tersembunyi
• 33-3 limpahan tunjuk sembunyi
• 33-4 Sarung Kentang (Bahagian 1)
• 33-5 Sarung kentang (Bahagian 2)
• Bab34 Petua CSS Lanjutan
• 34-1 pengenalan
• 34-2 Mengapa teknologi bunian diperlukan
• 34-3 Penggunaan carta sprite (prinsip)
• 34-4 Penggunaan gambar rajah Sprite (kod)
• 34-5 Contoh sprite - eja nama anda
• 34-6 Penjanaan Ikon Font dan Kelebihan
• 34-7 Muat turun ikon fon
• 34-8 Penggunaan ikon fon
• 34-9 Prinsip menambah dan memuatkan ikon fon
• 34-10 Cara menggunakan segi tiga CSS
• 34-11 Aplikasi segitiga CSS-kesan Jingdong
• 34-12 Antara Muka Pengguna - Gaya Tetikus
• 34-13 Antara Muka Pengguna - Nyahgariskan borang dan mengelakkan penyeretan medan teks
• 34-14 penjajaran menegak melaksanakan penjajaran tengah menegak bagi blok sebaris dan teks
• 34-15 Penyelesaian kepada jurang kosong di bahagian bawah gambar
• 34-16 Teks baris tunggal melimpahi paparan elipsis
• 34-17 Teks berbilang baris melimpahi paparan elipsis
• 34-18 Kemahiran susun atur - bijak menggunakan margin negatif (Bahagian 1)
• 34-19 Kemahiran susun atur - penggunaan bijak nilai margin negatif (Bahagian 2)
• 34-20 Teknik susun atur - penggunaan teks yang bijak di sekeliling elemen terapung
• 34-21 Teknik susun atur - bijak menggunakan blok sebaris
• 34-22 Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 1)
• 34-23 Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 2)
• 34-24 Permulaan CSS
• Bab35 HTML5 baharu
• 35-1 HTML5CSS3 menambah baik navigasi
• 35-2 Tambah tag semantik
• 35-3 Tambahkan teg video
• 35-4 Tambah tag audio
• 35-5 Tambah borang input
• 35-6 Tambah sifat borang baharu
• Bab36 Baru dalam CSS3
• 36-1 Pemilih atribut (atas)
• 36-2 Pemilih atribut (di bawah)
• 36-3 Pemilih kelas pseudo struktur - memilih elemen ke-n
• 36-4 pemilih anak ke-nth (atas)
• 36-5 pemilih anak ke-nth (di bawah)
• 36-6 Perbezaan antara nth-child dan nth-of-type
• 36-7 Senario dan asal penggunaan pemilih unsur pseudo
• 36-8 Penggunaan asas pemilih unsur pseudo
• 36-9 ikon fon padanan senario penggunaan pemilih unsur pseudo
• 36-10 Senario penggunaan unsur pseudo-kesan kentang tiruan
• 36-11 Pemilih unsur pseudo - Unsur pseudo membersihkan sifat terapung
• 36-12 Kotak sempadan model kotak CSS3
• 36-13 Pemprosesan kabur imej CSS3
• 36-14 Kira fungsi kalk lebar kotak
• 36-15 Peralihan atribut baharu CSS3 (Bahagian 1)
• 36-16 Peralihan atribut baharu CSS3 (Bahagian 2)
• 36-17 Latihan peralihan CSS3
• 36-18 Umum H5 (faham)
• Bab37 Projek Pinyogou
• 37-1 pengenalan
• 37-2 Proses penghasilan laman web
• 37-3 Perancangan projek Pinyogou
• 37-4 Pembinaan projek Pinyogou
• 37-5 Projek Pinyogou-Pembangunan Gaya Modular
• 37-6 Pengeluaran ikon favicon projek Pinyougou
• 37-7 Projek Pinyougou-TDK tiga pengoptimuman SEO label utama
• 37-8 Pembinaan struktur pintasan navigasi cepat halaman utama Pinyogou
• 37-9 Halaman Utama Pinyogou-Navigasi Pantas Pengeluaran Sebelah Kiri
• 37-10 Navigasi pantas halaman utama Pinyougou dibina di sebelah kanan
• 37-11 Ikon fon halaman utama Pinyogou di sebelah kanan navigasi pantas
• 37-12 Pembinaan modul pengepala halaman utama Pinyogou
• 37-13 Pinyougou laman utama-logoSEO pengoptimuman (Bahagian 1)
• 37-14 Pinyougou laman utama-logoSEO pengoptimuman (Bahagian 2)
• 37-15 Modul carian halaman utama Pinyogou (Bahagian 1)
• 37-16 Modul carian halaman utama Pinyogou (Bahagian 2)
• 37-17 Modul halaman utama-hotwords Pinyogou
• 37-18 Pengeluaran modul halaman utama-kereta beli-belah Pinyogou
• 37-19 Modul statistik troli beli-belah mengira halaman utama Pinyougou
• 37-20 Pembinaan modul navigasi halaman utama Pinyogou-nav
• 37-21 Pengeluaran modul lungsur halaman utama Pinyogou
• 37-22 Halaman utama Pinyougou-Navigasi pengeluaran pengelasan terperinci (Bahagian 1)
• 37-23 Halaman utama Pinyougou-Navigasi pengeluaran pengelasan terperinci (Bahagian 2)
• 37-24 Pengeluaran modul halaman utama-navitems Pinyogou
• 37-25 Pembinaan modul bahagian bawah halaman utama-pengaki Pinyougou
• 37-26 Pengeluaran modul halaman utama-mod-servecie Pinougou (Bahagian 1)
• 37-27 Pengeluaran modul halaman utama-mod-servecie Pinougou (Bahagian 2)
• 37-28 Pengeluaran modul halaman utama Pinyougou-mod_help
• 37-29 Pengeluaran modul laman utama-mod_copyright Pinougou
• 37-30 Laman utama Pinyougou-pembinaan kotak utama utama
• 37-31 Modul laman utama Pinyogou-newsflash
• 37-32 Pengeluaran modul halaman utama-berita-hd Pinyogou
• 37-33 Pengeluaran modul halaman utama Pinyogou-baharu-bd
• 37-34 Pengeluaran laman utama Pinyogou-lifeservice (Bahagian 1)
• 37-35 Pengeluaran laman utama Pinyogou-lifeservice (Bahagian 2)
• 37-36 Rekom modul yang disyorkan halaman utama Pinyogou (Bahagian 1)
• 37-37 Rekom modul yang disyorkan halaman utama Pinougou (Bahagian 2)
• 37-38 Halaman Utama Pinyogou-Pembinaan Modul Perkakas Rumah Tangga
• 37-39 Halaman Utama Pinyougou-Pengeluaran Modul Perkakas Rumah Tangga
• 37-40 Keperluan susun atur prinsip tab bar tab
• 37-41 susun atur item senarai-tab_tab utama Pinyougou (Bahagian 1)
• 37-42 susun atur item senarai-tab_tab utama Pinyougou (tengah)
• 37-43 susun atur item senarai-tab_tab utama Pinyougou (Bahagian 2)
• 37-44 Senarai Pembelian Produk-Pembinaan Struktur
• 37-45 Pengeluaran modul jualan kilat halaman senarai Pinyougo
• 37-46 Pinyougou senarai halaman-pengubahsuaian modul navigasi
• 37-47 Halaman senarai Pinyougou-masalah kecil
• 37-48 Senarai Pinyougou hujung halaman
• 37-49 Pengepala halaman pendaftaran Pinyogou pengeluaran
• 37-50 Halaman senarai Pinyougo - pengeluaran pengepala modul utama pendaftaran
• 37-51 Halaman pendaftaran Pinyogou - pengeluaran subjek pendaftaran (Bahagian 1)
• 37-52 Halaman pendaftaran Pinyogou - pengeluaran subjek pendaftaran (Bahagian 2)
• 37-53 Modul keselamatan halaman pendaftaran Pinyogou
• 37-54 Modul persetujuan halaman pendaftaran Pinyougo dan modul pendaftaran lengkap
• 37-55 Halaman projek Pinyogou melompat antara satu sama lain dan pengaturan kerja
• 37-56 apa itu pelayan
• 37-57 Mohon ruang percuma dan muat naik laman web