Pengenalan kepada HTML


Contoh HTML

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php 中文网</title>
</head>
<body>

<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>

</body>
</html>

Run Example»

Klik butang "Run Example" untuk melihat contoh dalam talian

Penghuraian contoh

  • DOCTYPE mengisytiharkan jenis dokumen

  • terletak dalam teg <html> dan </html> /body> ialah halaman web visual Kandungan

  • terletak dalam tag <h1> dan </h1> > terletak dalam teg <p> dan < /p>

    Apakah HTML?

    HTML ialah bahasa yang digunakan untuk menerangkan halaman web.

    • HTML merujuk kepada Hypertext Markup Language: HyperText Markup L anguage

    • HTML bukan bahasa pengaturcaraan, tetapi markupbahasa

    • bahasa markup ialah Set tag markup (tag markup)

    • HTML Gunakan teg markup untuk menerangkan halaman web

    • Dokumen HTML mengandungi HTML tag dan teks kandungan

    • Dokumen HTML juga dipanggil halaman web

    Teg HTML

    Teg markup HTML biasanya dipanggil teg HTML (tag HTML).

    • Teg HTML ialah kata kunci yang dikelilingi oleh kurung sudut, seperti <html>

    • Teg HTML biasanya muncul secara berpasangan , seperti <b> dan </b>

    • Teg pertama dalam pasangan teg ialah teg permulaan , teg kedua ialah tag akhir

    • teg mula dan akhir juga dikenali sebagai tag pembuka dan tag penutup

    <tag>Kandungan</tag>

    Elemen HTML

    "Teg HTML" dan "elemen HTML" biasanya menerangkan maksud yang sama.

    Tetapi secara tegasnya, elemen HTML mengandungi teg permulaan dan teg penamat, seperti yang ditunjukkan dalam contoh berikut:

    Elemen HTML:

    <p>Ini ialah perenggan. </p>

    Pelayar web

    Pelayar web (seperti Google Chrome, Internet Explorer, Firefox, Safari) digunakan untuk membaca fail HTML dan memaparkannya sebagai laman web.

    Pelayar tidak memaparkan teg HTML secara langsung, tetapi anda boleh menggunakan teg untuk memutuskan cara memaparkan kandungan halaman HTML kepada pengguna:

    Struktur halaman web HTML

    Berikut ialah struktur halaman HTML visual:

    <html>
    <head>
    <tajuk> tajuk>
    </kepala>
    <badan>
    <h1> Ini ialah tajuk</h1>
    <p>Ini ialah perenggan. </p>
    <p> Ini adalah perenggan lain. </p>
    </body>
    </html>
    lamp.jpg只有 <body> 区域 (白色部分) 才会在浏览器中显示。

    Versi HTML

    Sejak kelahiran Internet awal, ia telah muncul Banyak versi HTML:

    版本发布时间
    HTML1991
    HTML+1993
    HTML 2.01995
    HTML 3.21997
    HTML 4.011999
    XHTML 1.02000
    HTML52012
    XHTML52013

    <!DOCTYPE> Pengisytiharan

    <!DOCTYPE> membantu penyemak imbas memaparkan halaman web dengan betul.

    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 peka huruf besar-besaran dan kaedah berikut tersedia:

    <!DOCTYPE html>

    <!DOCTYPE HTML>

    <!doctype html>

    <!Doctype Html>

    Pernyataan Umum

    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 halaman web yang lengkap.

    Pengekodan Cina

    Pada masa ini, dalam kebanyakan penyemak imbas, pengeluaran bahasa Cina secara langsung akan menyebabkan aksara Cina bercelaru pada masa ini, kita perlu mengisytiharkan aksara sebagai UTF- dalam pengepala 8 .

    Contoh HTML

    Instance

    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>

<h1>我的第一个标题</h1>

<p>我的第一个段落。</p>

</body>
</html>

    Run Instance»

    Klik "Run Instance Butang " " untuk melihat contoh dalam talian