<!DOCTYPE html> <html> <head> <title>My Website</title> </head> <body> <h1>Hello, World!</h1> <p>Welcome to my website.</p> </body> </html>
<!DOCTYPE html> mentakrifkan jenis dokumen dan memberitahu penyemak imbas untuk menggunakan HTML5 untuk menghuraikan dokumen. Teg <html> mewakili elemen akar dokumen dan mengandungi keseluruhan dokumen. Teg <head> mengandungi metadata dokumen, seperti tajuk dan helaian gaya. Teg <title> digunakan untuk menetapkan tajuk dokumen, yang akan dipaparkan pada bar tajuk tetingkap penyemak imbas. Teg <body> mengandungi kandungan utama dokumen. Teg <h1> dan <p> digunakan untuk mewakili tajuk dan perenggan, dan digunakan untuk membuat tajuk dan kandungan teks masing-masing.
<p>Teg HTML
<p>Di atas hanyalah struktur dokumen HTML yang paling asas. Sebenarnya, terdapat banyak teg HTML >Teg teks
<ul>~<li>: Tetapkan tajuk <h1><h6>
: Perenggan <li><p> atau <li>: Teks tebal <strong><b>
atau <li>: teks condong <em><i>
: teks bergaris <li><u> atau <li>: teks coretan <strike><del>
: Superskrip <li><sup>: Langganan <li><sub> Tag pautan
<ul>: Pautan <li><a>: Imej <li><img>Teg senarai
<ul>: senarai tidak tersusun <li><ul>: senarai tersusun <li><ol>: Senarai item<li><li>Tag jadual
<ul>: Jadual<li><table>: Pengepala<li><thead>: Badan Meja <li><tbody>: baris jadual <li><tr>: sel pengepala <li><th>: sel jadual <li><td> dan ke atas Ini hanyalah senarai beberapa tag HTML Sebenarnya, terdapat banyak jenis tag HTML Melalui tag ini, kita boleh dengan mudah melaksanakan pelbagai elemen dalam halaman web. (Ini hanyalah pendapat peribadi beberapa teg yang lebih biasa digunakan, bukan semua teg)
<p>Gaya CSS
<p>Teg HTML boleh menetapkan struktur kandungan halaman web, tetapi untuk membuat web halaman lebih cantik dan kuasa yang menarik, CSS amat penting.
<p>CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk menerangkan gaya halaman web. Ia membolehkan kami mengawal penampilan teks, imej, latar belakang dan elemen lain dengan lebih fleksibel, serta butiran seperti reka letak.
<p>Asas CSS
<p>Malah, CSS juga terdiri daripada satu set peraturan, seperti berikut:
<p>
selector {
property: value;
property: value;
}selector: Atribut, digunakan untuk menentukan atribut gaya yang akan ditetapkan. <li>property: nilai, digunakan untuk menetapkan nilai atribut. <li>valueSebagai contoh, untuk menetapkan warna teks semua elemen kepada merah: <p><h1>Pada ketika ini, CSS akan menetapkan warna teks semua h1 {
color: red;
}<h1>Pemilih CSS
<p>Dalam CSS, pemilih ialah pengecam yang digunakan untuk menentukan elemen HTML yang harus digunakan gaya. Berikut ialah beberapa pemilih CSS yang biasa digunakan:
<p> Pemilih elemen: digunakan untuk menentukan elemen HTML yang akan digunakan gaya, seperti <ul>. <li>
h1, p, a Pemilih Kelas: Digunakan untuk menentukan elemen HTML dengan kelas yang sama yang gaya harus digunakan, seperti . <li>
.headerPemilih ID: Digunakan untuk menentukan elemen HTML dengan ID yang sama yang gaya harus digunakan, seperti . <li>
#headerPemilih keturunan: Digunakan untuk menentukan elemen keturunan yang akan digunakan gaya, seperti . <li>
ul li Pemilih elemen kanak-kanak: Digunakan untuk menentukan elemen anak langsung yang akan digunakan gaya, seperti . <li>
ul > li Pemilih kelas pseudo: Digunakan untuk menentukan keadaan tertentu elemen yang gaya harus digunakan, seperti . <li>:hoverDi atas hanya menyenaraikan beberapa pemilih CSS yang biasa digunakan Sebenarnya, terdapat banyak jenis pemilih CSS, dan ia boleh digunakan dalam kombinasi untuk mencapai kesan pemilihan yang lebih kompleks.
<p>Ringkasan
<p>HTML dan CSS ialah dua teknologi yang mesti dipelajari untuk pembangunan bahagian hadapan Dengan mempelajari kedua-dua teknologi ini, anda boleh membina dan mencantikkan halaman web dengan mudah. Sudah tentu, JavaScript boleh membantu kami mencapai kesan interaktif yang lebih kompleks dalam halaman web Menggabungkan ketiga-tiga teknologi boleh mencapai halaman web yang lebih berkuasa. Atas ialah kandungan terperinci Bercakap secara ringkas tentang penggunaan html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk memasukkan gambar dalam css
Bagaimana untuk menyelesaikan 500 ralat pelayan dalaman
Bagaimana untuk menyelesaikan peranti usb yang tidak dikenali
WeChat Moments tidak boleh dimuat semula
Bagaimana untuk mengubah suai elemen.gaya
Bagaimana untuk mendapatkan data dalam html
Mengapa pencetak tidak mencetak?
Apakah perisian sistem
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
