1. Apakah itu HTML?

HTML (Hyper Text Markup Language), iaitu Hyper Text Markup Language. Ringkasnya, ia adalah bahasa asas untuk penghasilan halaman web. Ia adalah bahasa penanda yang menerangkan halaman web melalui penanda Setiap halaman web mungkin terdiri daripada berbilang elemen halaman web (seperti teks, imej, video, audio, dll.). Fungsi utama HTML adalah untuk menyusun teks, imej, audio, video dan kandungan lain serta memformat input maklumat oleh pengguna untuk membentuk dokumen halaman web, yang dihuraikan dan diberikan oleh pelayar dan akhirnya dibentangkan kepada pengguna.

2. Teg HTML

Teg HTML ialah konsep teras HTML. Ia adalah arahan yang dibalut dalam kurungan sudut yang memberitahu pelayar cara memaparkan teks. Teg HTML termasuk teg permulaan (cth.), teg penamat (cth.

Apabila menulis HTML, anda mesti mengikut peraturan berikut:

1. Semua elemen HTML mesti ditutup dalam teg pembukadan teg penutup. Untuk satu teg, anda boleh menggunakan teg penutup sendiri. Teg
2. ialah teg akar dan mewakili permulaan keseluruhan dokumen HTML. Tegmesti disertakan dalam semua elemen HTML.
3. Setiap halaman HTML perlu mengandungi tegdan. Tegmengandungi metadata dokumen, seperti tajuk dokumen, kata kunci, dsb. Tegmengandungi kandungan halaman yang boleh dilihat seperti teks, imej, dsb.
4. Dalam HTML, teg dan atribut tidak sensitif huruf besar, tetapi disyorkan untuk menggunakan huruf kecil untuk meningkatkan kebolehbacaan kod.

Berikut ialah contoh templat HTML:

    
  
标题 1
 
这是一个段落。
  

3 CSS

CSS (Cascading Style Sheets), helaian gaya berlatarkan, ialah perihalan. gaya laman web dan Bahasa reka letak. Ia digunakan bersama-sama dengan HTML untuk mencipta halaman web yang cantik. CSS mengawal aspek paparan halaman web seperti fon, warna, latar belakang, sempadan dan reka letak.

Terdapat dua cara untuk membenamkan gaya CSS dalam HTML: gaya dalaman dan gaya luaran.

Gaya dalaman ialah menambah gaya kod CSS dalam tegkod halaman, contohnya:

     
  
标题 1
 
这是一个段落。
  

Helaian gaya luaran ialah menambah peraturan gaya pada fail luaran, contohnya:

Dalam gaya fail style.css:

h1 { color: blue; font-family: Arial; }

Tambah gaya luaran pada halaman HTML:

     
  
标题 1
 
这是一个段落。
  

4. JavaScript

JavaScript ialah kaedah yang digunakan untuk mengawal kandungan HTML, dan bahasa skrip yang menjadikan halaman web interaktif dan dinamik. Ia boleh digunakan untuk interaksi dengan pengguna, seperti pengesahan borang, penukaran imej, mengemas kini halaman secara dinamik, dsb.

Terdapat dua cara untuk membenamkan JavaScript dalam halaman HTML: skrip dalaman dan skrip luaran.

Skrip dalaman ialah menambah kod JavaScript dalamataukod halaman, contohnya:

     
  点击这里  

Skrip luaran ialah menambah kod skrip pada fail luaran, contohnya :

Dalam skrip fail skrip.js:

function sayHello() { alert("Hello!"); }

Tambahkan skrip luaran pada halaman HTML:

     
  点击这里  

5. Buat halaman HTML

Berikut ialah langkah pembuatan halaman HTML yang mudah:

1. Buka editor teks, seperti Notepad atau Sublime Text.
2. Buat fail teks baharu dan simpan dalam format fail.html.
3. Tulis kod HTML, termasuk pengisytiharan jenis dokumen, teg elemen HTML dan kandungan.
4. Tambah gaya CSS untuk mengawal rupa dan rasa halaman web anda.
5. Tambahkan skrip JavaScript untuk mengawal interaktiviti dan dinamik halaman web.
6. Buka fail HTML dalam penyemak imbas anda untuk melihat dan menguji halaman.

Sebagai contoh, berikut ialah contoh halaman HTML yang mengandungi CSS dan JavaScript:

      
  
欢迎访问我的HTML页面
 点击这里  

6. Ringkasan

HTML ialah bahasa asas untuk halaman web pengeluaran. Kegunaan Untuk menerangkan dan mempersembahkan kandungan web. CSS dan JavaScript boleh meningkatkan penampilan dan interaktiviti halaman web, menjadikannya lebih menarik. Membuat halaman HTML memerlukan mematuhi peraturan teg HTML, menambah gaya dan skrip, dan akhirnya mengujinya dalam penyemak imbas. Dengan mempelajari HTML, CSS dan JavaScript, anda boleh memperoleh pengetahuan asas tentang pembangunan bahagian hadapan dan meletakkan asas yang kukuh untuk reka bentuk dan pembangunan web.

Atas ialah kandungan terperinci Cara membuat laman web html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!