HTML (Hypertext Markup Language) ialah bahasa penanda yang digunakan untuk membina halaman web, dan ia adalah asas untuk membina halaman web. Dalam artikel ini, kami akan membincangkan cara menulis HTML dan menambah gaya serta kefungsian pada tapak web anda.
Dokumen HTML terdiri daripada teg dan teg boleh disarangkan. Setiap teg mempunyai teg pembuka dan teg penutup, contohnya:
<html>
<head>
<title>这是网页标题</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落</p>
</body>
</html>Dalam contoh ini, kami mempunyai teg akar HTML, teg
yang mengandungi tajuk halaman dan < ;body> Teg ; mengandungi kandungan halaman web. Dalam teg kami mempunyai teg
Teg HTML boleh mempunyai atribut untuk menentukan ciri teg. Contohnya, teg boleh menentukan URL imej melalui atribut src, seperti yang ditunjukkan di bawah:
<img src="https://example.com/image.jpg" alt="这是图像的描述">
Dalam contoh ini, kami telah menentukan URL imej menggunakan atribut src, dan atribut alt menyediakan penerangan tentang imej.
Dalam halaman web, kami boleh menambah pautan ke halaman web lain atau fail setempat. Gunakan teg untuk membuat pautan, contohnya:
<a href="https://example.com/">这是一个链接</a>
Dalam contoh ini, kami menggunakan atribut href untuk menentukan URL sasaran pautan.
Kami boleh menggunakan senarai untuk menyusun maklumat. HTML mempunyai dua jenis senarai: senarai tersusun dan senarai tidak tersusun. Senarai tersusun menggunakan teg
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>Dalam contoh ini, kami menggunakan teg
Kami boleh menggunakan CSS (Cascading Style Sheets) untuk menambah gaya pada tapak web. CSS ialah bahasa helaian gaya yang digunakan untuk menerangkan rupa dan susun atur halaman web. Contohnya:
<!DOCTYPE html>
<html>
<head>
<title>这是网页标题</title>
<style>
h1 {
color: red;
font-size: 48px;
}
p {
font-size: 24px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个段落</p>
</body>
</html>Dalam contoh ini, kami membenamkan teg