1. Tag deklarasi tipe dokumen 2. Tipe bahasa Lang 3. Kumpulan karakter 4. Tag umum HTML Deklarasi dokumen HTML5 HTML5HTML 4.01XHTML 1.0
</DOCTYPE> Fungsinya untuk memberi tahu browser versi HTML mana yang digunakan untuk menampilkan halaman web.
Kode: </DOCTYPE html> berarti menggunakan versi HTML5 untuk menampilkan halaman web
Hal yang perlu diperhatikan adalah:
1. Deklarasi <!DOCTYPE> terletak di bagian paling depan dokumen, sebelum tag <html>.
2. <!DOCTYPE> bukan tag HTML
Ini umumnya digunakan
<!DOCTYPEhtml> <html lang="zh-CN">
Digunakan untuk menentukan kekuatan tampilan dokumen
id ---Bahasa Inggris
zh-CN---Cina
Kumpulan karakter adalah kumpulan karakter sehingga komputer dapat mengenali dan menyimpan teks.
Dalam tag <head>, Anda dapat menentukan karakter pengkodean dokumen HTML mana yang harus digunakan melalui atribut charset dari tag <meta>.
<meta charset="UTF-8"/>
"UTF-8" juga disebut Unicode
4.1 Label Judul
<h1>Saya adalah gelar tingkat pertama</h1>
Fitur:
Teks dengan judul akan menjadi lebih tebal dan ukuran font juga menjadi lebih besar.
Satu judul di barisnya sendiri
Contohnya adalah sebagai berikut:
Menambahkan tag judul perlu ditempatkan di <body></body>
Font "Title Tag" menjadi lebih tebal dan besar
Masukkan keenam tag judul level
Setiap judul menempati satu baris, dan ukuran font diperkecil secara berurutan. Selama judul ditambahkan, ukuran font akan menjadi lebih tebal.
4.2 Tag paragraf dan tag pemisah baris
<p>Saya adalah tag paragraf</p>
Efek tampilan (ada spasi besar di antara paragraf yang berbeda)
Jika ingin membungkus garis, Anda perlu menggunakan tag ganti baris</br> (efeknya tidak ditampilkan)
Berikut adalah halaman web yang mengikuti prosesnya:
Dokumen
mendapatkan!
4.3 Tag format teks
Di halaman web, terkadang Anda perlu menyetel efek tebal, miring, atau garis bawah untuk teks. Dalam hal ini, Anda perlu menggunakan tag format teks dalam HTML (untuk menyorot pentingnya, mana yang lebih penting daripada teks biasa)
Semantik | Label | menjelaskan |
Berani | <strong></strong> atau <b></b> | Lebih merekomendasikan yang pertama |
memotong | <em></em> atau <i></i> | Lebih merekomendasikan yang pertama |
dicoret | <del></del> atau <s></s> | Lebih merekomendasikan yang pertama |
Menggarisbawahi | <ins></ins> atau <u></u> | Lebih merekomendasikan yang pertama |
4.4 tag <div> dan <span>
Kedua tag ini tidak memiliki semantik. Mereka hanya sebuah kotak yang digunakan untuk menampung konten.
<div>Ini adalah kepalanya</div> (hanya satu div yang dapat ditempatkan dalam satu baris)
Misalnya: <div>Buku Dongeng</div>1997
Outputnya seharusnya
<span>Harga hari ini</span> (konten dapat ditampilkan dalam satu baris)
Misalnya: <span>Dongeng Grimm</span>
<span>Dongeng Andersen</span>
<span>Fabel Aesop</span>
Outputnya harus:
4.5 Tag dan jalur gambar
Bagaimana cara memasukkan gambar ke halaman web?
Dalam HTML, tag <img> digunakan untuk mendefinisikan gambar di halaman HTML
<img src="URL Gambar"/>
src adalah atribut wajib dari tag <img>, yang digunakan untuk menentukan jalur dan nama file dari file gambar.
Yang terbaik adalah meletakkan gambar di folder yang sama dengan halaman web
Anda bisa melihatnya langsung di halaman web, gambarnya disingkat ,
Berikut adalah properti dasar tag gambar
milik | nilai atribut | menjelaskan |
| src | Jalur gambar | Atribut yang diperlukan |
alternatif | teks | Ganti teks dan gambar yang tidak dapat ditampilkan |
judul | teks | Teks prompt, teks akan ditampilkan ketika mouse diletakkan pada gambar |
lebar | Piksel | Atur lebar gambar |
tinggi | Piksel | Atur tinggi gambar |
berbatasan | Piksel | Atur ketebalan batas gambar |
Coba dulu atribut altnya, bila gambar tidak bisa ditampilkan, masukkan <img src="image1.jpg" alt="Fairy Tale"/> (gambar gambar1 disini tidak ada, jadi tidak bisa ditampilkan)
Kemudian coba lagi atribut title, masukkan <img src="image.jpg" title="Fairy Tale"/>, dan coba sendiri efek ini.
Untuk menguji atribut lebar, tinggi, dan batas, masukkan <img src="image.jpg" title="Fairy Tale" width="300" height="100" border="15"/>
Hal-hal yang perlu diperhatikan tentang tag gambar:
(1) Tag gambar harus ditulis setelah nama tag
(2) Atribut tidak berurutan tertentu. Nama tag dan atribut, atribut dan atribut harus dipisahkan dengan spasi.
(3) Format kunci = "nilai"
4.6 Tag dan jalur gambar
Jalur dapat dibagi menjadi: jalur absolut dan jalur relatif
1. Jalur relatif
Ini adalah posisi gambar relatif terhadap halaman HTML
Klasifikasi jalur relatif | simbol | menjelaskan |
Jalur tingkat yang sama | <img src="gambar.jpg"/> | |
Jalur tingkat selanjutnya | / | <img src="gambar/baidu.gif"/> |
Jalur tingkat sebelumnya | ../ | <img src="../baidu.gif"/> |
2. Jalan mutlak
Ini adalah jalur dalam pengertian populer: "D:webimglogo.gif"
(Saya akan memperbaruinya nanti ketika saya punya waktu)
Pernyataan Dokumentasi HTML5
<!DOCTYPEhtml>
Blok kode di atas adalah deklarasi dokumen HTML5, yang menyatakan bahwa halaman web saat ini ditulis sesuai dengan standar HTML5.
Saat menulis halaman web, pastikan untuk menulis deklarasi dokumen HTML5 di bagian atas halaman web. Jika Anda tidak menulis deklarasi dokumen, beberapa browser akan memasuki mode aneh. Setelah memasuki mode aneh, browser akan mengurai halaman dan halaman tidak akan ditampilkan secara normal. Oleh karena itu, untuk menghindari memasuki mode ini, Anda harus menulis pernyataan dokumen.
Deklarasi dokumen yang umum digunakan
<!DOCTYPEhtml>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transisi//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transisi//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Catatan: <!DOCTYPE> bukan tag HTML. Ini memberikan browser informasi (pernyataan) tentang versi HTML apa yang ditulis.
Agar kompatibel dengan beberapa halaman lama, browser memiliki dua mode penguraian:
Mode Standar Mode Standar
Mode Quirks, mode aneh
Mode aneh akan menghasilkan perilaku yang tidak dapat diprediksi saat mengurai halaman web, dan kita harus menghindari terjadinya mode aneh.
Tipe file <HTML></HTML> (ditempatkan di awal dan akhir file)
Demikianlah artikel tentang tag deklarasi tipe dokumen HTML (tutorial tingkat awal) Untuk konten deklarasi dokumen HTML terkait lainnya, silakan cari artikel sebelumnya di downcodes.com atau lanjutkan menelusuri artikel terkait berikut masa depan. Dukung downcodes.com!