Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >html$ penggunaan
html$ penggunaan
- WBOYasal
- 2023-05-27 11:03:371199semak imbas
HTML ialah singkatan dari Hyper Text Markup Language, iaitu bahasa yang digunakan untuk membuat halaman web. HTML mempunyai pelbagai senario aplikasi yang sangat luas, daripada halaman web tradisional yang ringkas kepada tapak web dan aplikasi yang kompleks, yang semuanya boleh dibangunkan dengan HTML. Artikel ini bertujuan untuk memperkenalkan penggunaan asas HTML dan beberapa kemahiran praktikal supaya pemula boleh bermula dengan cepat.
- Struktur dokumen HTML
Dalam HTML, nama fail yang berakhir dengan .html atau .htm biasanya digunakan sebagai fail halaman web. Apabila anda membuka halaman HTML, penyemak imbas menghuraikan struktur dokumen HTML dan memaparkannya pada antara muka visual.
Dokumen HTML terdiri daripada tiga bahagian utama: Kepala, Badan dan Pengaki. Bahagian ini terdiri daripada tag HTML. Kod berikut menunjukkan contoh dokumen HTML ringkas:
<html>
<head>
<title>这里是标题</title>
</head>
<body>
<h1>欢迎使用HTML</h1>
<p>这里是文本内容。</p>
</body>
</html>Dalam contoh di atas, teg "100db36a723c770d327fc0aef2ce13b1" dan "73a6ac4ed44ffec12cee46588e518a5e" digunakan untuk mewakili keseluruhan dokumen HTML dan "< Teg ;head> " dan "9c3bca370b5104690d9ef395f2c5f8d1" digunakan untuk mewakili kepala dokumen, dengan teg "b2386ffb911b14667cb8f0f91ea547a7" dan "6e916e0f7d1e588d4f442bf645aedb2f" digunakan untuk mentakrifkan tajuk dokumen. Teg "6c04bd5ca3fcae76e30b72ad730ca86d" dan "36cc49f0c466276486e50c850b7e4956" digunakan untuk mewakili badan utama dokumen, antaranya teg "4a249f0d628e2318394fd9b75b4636b1" dan "473f0a7621bec819994bb5020d29372a" menentukan peringkat pertama tajuk, dan teg "e388a4556c0f65e1904146cc1a846bee ” dan “94b3e26ee717c64999d7867364b1b4a3” mentakrifkan bahagian teks.
- Teg HTML
Teg HTML terbahagi kepada dua jenis: teg peringkat blok dan teg sebaris.
- Teg peringkat blok ialah teg yang digunakan untuk menyusun struktur dokumen Ia biasanya digunakan untuk mewakili perenggan, tajuk, senarai dan elemen lain dalam dokumen. Teg peringkat blok menduduki barisnya sendiri dan dijarakkan secara automatik dalam konteks. Teg peringkat blok yang biasa digunakan termasuk: 4a249f0d628e2318394fd9b75b4636b1~4e9ee319e0fa4abc21ff286eeb145ecc, e388a4556c0f65e1904146cc1a846bee, dc6dce4a544fdca2df29d5ac0ea9906b, ff6d136ddc5fdfeffaf53ff6ee95f185, c34106e0b4e09414b63b2ea253ff83d6, dsb.
- Teg sebaris digunakan untuk menambah gaya dan ulasan istimewa pada teks. Tag sebaris sering digunakan untuk menambah hiperpautan, menekankan teks, menukar warna, dsb. Teg sebaris yang biasa digunakan termasuk: , , , a1f02c36ba31691bcfe87b2722de723b, 45a2772a6b6107b401db3c9b82c049c2, dsb.
Berikut ialah beberapa teg HTML yang biasa digunakan:
Penerangan teg
4a249f0d628e2318394fd9b75b4636b1–4e9ee319e0fa4abc21ff286eeb145ecc Tentukan tajuk
< ;p> Tentukan perenggan
a1f02c36ba31691bcfe87b2722de723b ; Tentukan senarai tertib
25edfb22a4f469ecb59f1190150159c6
| Tentukan sel pengepala | Tentukan sel data jadual
dc6dce4a544fdca2df29d5ac0ea9906b mentakrifkan bahagian atau perenggan dalam dokumen
45a2772a6b6107b401db3c9b82c049c2 mentakrifkan bahagian dalam dokumen
Takrifkan teks penekanan
Takrifkan teks penekanan
3. Komen HTML
Komen ialah cara dalam kod untuk menerangkan maksud kod. Anda boleh menggunakan teg "c92d80ba4f8c58b59096bf58ab488294" dalam HTML untuk memasukkan kandungan ulasan dan penyemak imbas akan mengabaikan kandungan ini secara automatik. Berikut ialah contoh komen HTML:
`
9d712e2506b3af5f2f24dc7c8dbba531
e388a4556c0f65e1904146cc1a846beeBerikut ialah teks94b3e26ee717c64999d7867364b1b4a3
`
Dalam contoh di atas, teg "c92d80ba4f8c58b59096bf58ab488294" digunakan untuk mengulas kandungan tanda perenggan e388a4556c0f65e1904146cc1a846bee ini tidak akan memberi kesan kepada output penyemak imbas, tetapi ia boleh Meningkatkan kebolehbacaan dan kebolehselenggaraan kod.
4. Atribut HTML
Teg HTML boleh mempunyai atribut, yang digunakan untuk mengawal tingkah laku dan ciri teg. Sifat biasanya termasuk nama harta dan nilai harta, yang perlu dibalut dengan petikan. Berikut ialah teg hiperpautan HTML dengan atribut:
`
Lawati Baidu
`
Dalam contoh di atas, "href" ialah nama atribut, dan nilai atributnya ialah alamat URL, "https://www.baidu.com" alamat URL ini ditetapkan untuk dipautkan ke halaman web.
Selain "href", terdapat banyak atribut lain yang biasa digunakan dalam HTML, seperti ditunjukkan di bawah:
Perihalan nama harta
gaya mentakrifkan gaya elemen
kelas mentakrifkan nama kelas elemen
id mentakrifkan ID elemen
tajuk mentakrifkan tajuk elemen
src mentakrifkan alamat URL imej
5. Gaya HTML
Penanda HTML boleh menggunakan gaya CSS untuk menentukan rupa dan reka letak. CSS merujuk kepada Cascading Style Sheets, iaitu bahasa yang digunakan untuk menerangkan rupa dan reka letak halaman web. Berikut ialah contoh yang menunjukkan cara menggayakan teks HTML:
`
100db36a723c770d327fc0aef2ce13b1
a801d9c20ab268ecdf000c4cd37b7338
11c3ce0c461c5f3456e141a9a29adefa
p {
warna: merah;
saiz fon: 16px;
}
531ac245ce3e4fe3d50054a55f265927
9c3bca370b5104690d9ef395f2c5f8d1
3c30aa6c4c72dd8ead30672a51b803a7
e388a4556c0f65e1904146cc1a846beeBerikut ialah teks merah dengan saiz fon 16px. 94b3e26ee717c64999d7867364b1b4a3
493a3ce9d2a3c91fa60924ecf20a1e6a
73a6ac4ed44ffec12cee46588e518a5e
`
Dalam contoh di atas, gaya CSS disertakan dalam teg 93f0f5c25f18dab9d176bd4f6de5d30e Antaranya, pemilih "p" digunakan untuk memilih teks, manakala sifat "warna" dan "saiz fon" digunakan untuk menentukan warna dan saiz fon teks.
6. Kesimpulan
Artikel ini memperkenalkan penggunaan asas HTML dan beberapa kemahiran praktikal. HTML ialah asas untuk membina halaman web dan aplikasi Mempelajarinya akan membantu anda memahami dan membangunkan halaman web dengan lebih baik. Sudah tentu, artikel ini hanya memperkenalkan sebahagian daripada HTML Jika anda ingin mempelajari pengetahuan yang lebih mendalam, anda boleh menyemak tutorial dan dokumen HTML yang lebih terperinci.
|
|---|
Atas ialah kandungan terperinci html$ penggunaan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!