perenggan tajuk HTML

Tajuk HTML

Dalam dokumen HTML, tajuk adalah penting.

Tajuk ditakrifkan melalui teg seperti <h1> - <h6>.

<h1> Mentakrifkan tajuk terbesar. <h6> Tentukan tajuk terkecil.


Instance

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>

Hasil berjalan program:

2.png

Komen: Penyemak imbas secara automatik akan menambah baris kosong sebelum dan selepas tajuk.

Nota: Secara lalai, HTML akan menambah baris kosong tambahan secara automatik sebelum dan selepas elemen peringkat blok, seperti perenggan dan elemen tajuk.


Tajuk penting

Sila pastikan anda menggunakan tajuk HTML tag sahaja dalam tajuk. Jangan gunakan tajuk hanya untuk menghasilkan teks tebal atau besar.

Enjin carian menggunakan pengepala untuk mengindeks struktur dan kandungan halaman web anda.

Oleh kerana pengguna boleh menavigasi halaman anda dengan cepat melalui tajuk, adalah penting untuk menggunakan tajuk untuk membentangkan struktur dokumen anda.

H1 hendaklah digunakan sebagai tajuk utama (yang paling penting), diikuti oleh h2 (yang paling penting seterusnya), kemudian h3, dan seterusnya.


Barisan mendatar HTML

<hr /> HTML Mencipta garis mendatar pada halaman. Elemen

jam boleh digunakan untuk memisahkan kandungan.


Contoh

Kod berikut akan mengeluarkan tajuk dan baris mendatar

<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <title>php.cn</title>
 </head>
 <body>
 
 <h1>这是第一个标题</h1>
 <hr/>
 <h2>这是第二个标题</h2>
 <hr/>
 
 </body>
 </html>

Keputusan berjalan program:

6.png


Kod di atas mengeluarkan tajuk <h1> tajuk, Terdapat juga dua baris mendatar


Perenggan HTML

Perenggan ditakrifkan melalui teg <p>

Lihat contoh terus

Contoh

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>
</body>
</html>

Hasil berjalan program:

Ini adalah perenggan pertama.

Ini adalah perenggan kedua.

Ulasan : Penyemak imbas secara automatik akan menambah baris kosong sebelum dan selepas perenggan. (<p> ialah elemen peringkat blok)

Petua: Adalah satu tabiat buruk untuk menggunakan tag perenggan kosong <p></p> untuk memasukkan baris kosong. Gantikannya dengan teg <br /> (Tetapi jangan gunakan teg <br /> untuk membuat senarai. Jangan risau, anda akan belajar tentang senarai HTML kemudian.)


Jangan lupa teg penutup

Walaupun anda terlupa menggunakan teg penutup, kebanyakan pelayar akan memaparkan HTML dengan betul, seperti ini :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>忘记了结束标签
<p>忘记了结束标签
</body>
</html>

Hasil berjalan program:

Terlupa teg penamat

Terlupa teg penamat

Contoh di atas akan berfungsi dengan baik dalam kebanyakan penyemak imbas, tetapi jangan bergantung pada pendekatan ini. Terlupa menggunakan teg penutup boleh menghasilkan hasil dan ralat yang tidak dijangka.

Nota: Dalam versi HTML yang akan datang, meninggalkan teg penutup tidak akan dibenarkan.

Petua: Menutup HTML dengan teg penutup ialah cara kalis masa hadapan untuk menulis HTML. Penandaan dengan jelas di mana elemen bermula dan berakhir menjadikan kod anda lebih mudah difahami, untuk anda dan penyemak imbas.


Pemutus baris HTML

Jika anda ingin mencipta perenggan baharu tanpa Untuk melakukan pemisah baris (baris baharu), gunakan teg <br /> Memandangkan teg penutup tidak masuk akal, ia tidak mempunyai teg penutup.

Instance

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<p>
    如果<br />需要<br />换行<br />段落,<br />请使用 br 标签.
</p>
</body>
</html>

Hasil berjalan program:

Jika

Perlu pemutus baris
perenggan,
sila gunakan teg br


ruang HTML.

Biasanya, HTML akan memotong lebihan ruang secara automatik. Tidak kira berapa banyak ruang yang anda tambahkan, semuanya dikira sebagai satu ruang. Contohnya, jika anda menambah 10 ruang antara dua perkataan, HTML akan memotong 9 ruang dan menyimpan satu sahaja. Untuk menambah ruang pada halaman web, anda boleh menggunakan

 

> untuk mewakili ruang.

Contoh
Gunakan ruang dalam kod sumber

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>

<h1>春晓</h1>

 <p>春眠不觉晓,</p>
     <p>处处闻啼鸟。</p>
        <p>夜来风雨声,</p>
            <p>花落知多少。</p>

<p>注意,浏览器忽略了源代码中的排版<br/>(省略了多余的空格和换行)。</p>
</body>
</html>

Keputusan menjalankan program:

7.png

Yang berikut menggunakan   untuk mewakili ruang.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>php.cn</title>
</head>
<body>
<h1>春晓</h1>
<p>春眠不觉晓,</p>
<p>&nbsp&nbsp&nbsp&nbsp处处闻啼鸟。</p>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp夜来风雨声,</p>
<p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp花落知多少。</p>
<p>使用了&nbsp空格</p>
</body>
</html>

Hasil pelaksanaan program:

5.png

Petua:   mewakili ruang



Meneruskan pembelajaran
||
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>春晓</h1> <p>春眠不觉晓,</p> <p>&nbsp&nbsp&nbsp&nbsp处处闻啼鸟。</p> <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp夜来风雨声,</p> <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp花落知多少。</p> <p>使用了&nbsp空格</p> </body> </html>
  • Cadangan kursus
  • Muat turun perisian kursus