Pengenalan kepada HTML

Pengenalan HTML

Contoh HTML

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head> 
<body> 
<h1>我的第一个标题</h1> 
<p>我的第一个段落。</p> 
</body> 
</html>

Cubalah»

Contoh Analisis

1) DOCTYPE mengisytiharkan jenis dokumen

2) Terletak dalam tag <html> dan </html> tag <body> dengan </body> untuk menggambarkan kandungan web

4) dalam tag <h1> ;p> dengan < ;/p> Dipaparkan sebagai perenggan


<!DOCTYPE html> HTML5.


Apakah HTML?

HTML ialah bahasa yang digunakan untuk menerangkan halaman web.
1. HTML merujuk kepada HyperText Markup Language: HyperText Markup Language

2 HTML bukan bahasa pengaturcaraan, tetapi bahasa markup

3 daripada teg markup

4 HTML menggunakan teg markup untuk menerangkan halaman web

5. Dokumen HTML mengandungi teg HTML dan kandungan teks

6

Teg HTML

Teg HTML selalunya dipanggil teg HTML. 1. Teg HTML ialah kata kunci yang dikelilingi oleh kurungan sudut, seperti <html>

2. Teg HTML biasanya muncul secara berpasangan, seperti <b>

3. Teg pertama dalam pasangan teg ialah teg permulaan, dan teg kedua ialah teg akhir

4 🎜>

<tag>kandungan</tag>

Elemen HTML

"tag HTML" dan "elemen HTML" biasanya menerangkan maksud yang sama.Tetapi secara tegasnya, elemen HTML mengandungi teg permulaan Dengan teg penutup, perkara berikut contoh:

elemen HTML:

<p>Ini ialah perenggan. </p>

Pelayar web

Pelayar web (seperti penyemak imbas Google , Internet Explorer, Firefox, Safari) digunakan untuk membaca fail HTML dan memaparkannya sebagai halaman web. Pelayar tidak memaparkan teg HTML secara langsung, tetapi anda boleh menggunakan teg untuk memutuskan cara memaparkan kandungan halaman HTML kepada pengguna:

1002.pngHasil halaman web HTML

Berikut ialah struktur halaman HTML visual:

1001.png

Hanya kawasan <badan> (bahagian putih) akan dipaparkan dalam penyemak imbas.


Versi HTML

Sejak kelahiran awal Internet , terdapat banyak versi HTML:


Versi                                                                                                                                                                                                                                                                                       991 HTML+ 1993

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 1.0 2000

HTML5 2012

XHTML5 2013


<!DOCTYPE> Pernyataan

< Perisytiharan !DOCTYPE> Terdapat banyak fail yang berbeza di Internet Jika versi HTML boleh diisytiharkan dengan betul, penyemak imbas boleh memaparkan kandungan halaman web dengan betul.

Pengisytiharan doctype adalah tidak sensitif huruf besar dan kaedah berikut tersedia:

<!DOCTYPE html>

<!DOCTYPE HTML> >

<!doctype html> HTML5


<!DOCTYPE html>


HTML 4.01

< ;!DOCTYPE HTML PUBLIC "-//W3C //DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd ">

Lihat manual rujukan DOCTYPE jenis pengisytiharan web yang lengkap.

Pengekodan Cina


Pada masa ini, dalam kebanyakan penyemak imbas, mengeluarkan bahasa Cina secara langsung akan menyebabkan aksara Cina bercelaru sebagai UTF-8 dalam pengepala.

Contoh HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

Cubalah »


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面标题</title> </head> <body> <h1>世界一级方程式锦标赛</h1> <p>世界一级方程式锦标赛(FIA Formula 1 World Championship),简称F1,是由国际汽车运动联合会(FIA)举办的最高等级的年度系列场地赛车比赛,是当今世界最高水平的赛车比赛,与奥运会、世界杯足球赛并称为“世界三大体育盛事”。</p> </body> </html>