HTML+CSS Tag HTML Asas untuk kemasukan mudah (1)
Ulasan dalam html
<!--Kandungan-->
Terdapat banyak tag HTML Anda boleh rujuk manual Seterusnya, kami akan menerangkan beberapa tag yang biasa kami gunakan
Pertama sekali, mari kita bincangkan perenggan tag P (p)
.<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>大家好</p> </body> </html>
Kemudian kita akan menyemak imbas Run pada komputer, outputnya ialah: Hello everyone
Lihat kod berikut:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>大家好</p> <p>大家好！</p> </body> </html>
Perenggan akan membalut dirinya sendiri, jadi outputnya ialah:
Hello semua
Hello semua
<meta>----- ialah tag tambahan dalam tag kepala, biasanya digunakan untuk menetapkan pengekodan , dan mengoptimumkan kata kunci untuk promosi, dsb.
<br> -------Pemutus baris
<font> ---------Formatkan teks
<jadual>------Jadual
<span> ------Teg sebaris
Petua dan Nota:
Petua: Gunakan <span> untuk mengumpulkan elemen sebaris untuk memformatkannya dengan gaya.
Nota: span tidak mempunyai perwakilan format tetap. Ia hanya berubah secara visual apabila anda menggunakan gaya padanya.
<h1> hingga <h6>-----Kawal saiz fon
<div>----- --Pisah dokumen kepada bahagian bebas dan berbeza (kami akan menerangkannya apabila kami mempelajari css)
<hr>-------Tajuk dan tajuk dipisahkan oleh garis mendatar Perenggan
Seterusnya, mari kita jelaskan dahulu tag mudah ini
Kod berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p>大家好<span>123456</span></p> <p>大家好</p> 111111111111111<br>1111111111111111 <!--換行--> <hr> <!--用來(lái)和以上隔開(kāi)，有一條黑色的直線--> <font size='18' color="red">我們都一樣</font> <!--font設(shè)置字體大小，顏色--> <hr> <h1>中國(guó)</h1> <h2>中國(guó)</h2> <h3>中國(guó)</h3> <h4>中國(guó)</h4> <h5>中國(guó)</h5> <h6>中國(guó)</h6> </body> </html>
Semua orang menyalin kod ke komputer anda, buat fail dengan akhiran .html dan kemudian Klik dua kali untuk pratonton
Jadual
Sila lihat kod berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table> <tr> <th>美國(guó)</th> <th>日本</th> <th>中國(guó)</th> </tr> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> </table> </body> </html>
Jadual terdiri daripada baris dan lajur Secara tepat, ia tidak boleh dipanggil lajur, ia hanya boleh dipanggil sel
Teg <tr> <td> mewakili sel Tetapi kami sedang pratonton Ia dipaparkan dalam bentuk jadual, jadi ia dipanggil 3 baris dan 3 lajur untuk tajuk. Contohnya, kami membuat jadual mingguan dari hari Isnin hingga Ahad Perkataan ini perlu dicetak tebal, dsb.
Kod di atas menjalankan keputusan:
Amerika Syarikat Jepun China
123 456 789
123 456 789
Kami tidak biasa melihat jadual sedemikian, jadi izinkan saya menambah sempadan pada jadual
dalam kod di atas . Kami menambah sempadan='1' pada teg jadual dan kemudian kami menambah lebar dan tinggi pada lebar jadual="300" height="200"
Kod khusus adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="1" width="300" height="200"> <tr> <th>美國(guó)</th> <th>日本</th> <th>中國(guó)</th> </tr> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> <tr> <td>123</td> <td>456</td> <td>789</td> </tr> </table> </body> </html>
