1-1 laluan pembelajaran

1-2 Pengenalan kepada HTML

1-3 Konsep berkaitan web

1-4 Pelayar dan kernel biasa

1-5 piawaian web

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

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

4-1 Folder direktori dan direktori akar

4-2 Laluan relatif (atas)

4-3 Laluan relatif (di bawah)

4-4 jalan mutlak

5-1 Tag pautan (atas)

5-2 Tag pautan (di bawah)

5-3 pautan sauh

5-4 Tag komen dan watak istimewa

6-1 Kes Komprehensif (Bahagian 1)

6-2 Kes Komprehensif (Bahagian 2)

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

8-1 senarai tidak teratur

8-2 senarai pesanan

8-3 senarai tersuai

8-4 Ringkasan senarai

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

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

11-1 Pengenalan kepada Lembaran Gaya Cascading CSS

11-2 Pengenalan kepada CSS

12-1 Alami spesifikasi sintaks CSS

12-2 Gaya kod 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

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

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

16-1 helaian gaya dalaman

16-2 helaian gaya sebaris

16-3 helaian gaya luaran

16-4 Ringkasan kaedah pengenalan css

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

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

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

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

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)

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

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

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

25-1 Prinsip sempadan bulat

25-2 Penggunaan sudut bulat

26-1 bayang kotak

26-2 bayangan teks

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

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

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

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

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.

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

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)

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

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

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)

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