Ringkasan pembelajaran tentang tag HTML dan elemen asas
1. Elemen dan teg dalam HTML Elemen
ialah julat kemasukan yang ditakrifkan oleh satu atau sepasang tag. Label ialah rentetan dengan tanda kurang daripada (<) dan lebih besar daripada tanda (>) di kiri dan kanan masing-masing. Teg permulaan merujuk kepada teg yang tidak bermula dengan garis miring (/) dan mengandungi senarai pasangan nilai atribut yang dibenarkan. Teg penutup ialah teg yang bermula dengan garis miring (/). Contohnya:
<body><!—Tag mula-->
<warna fon=”baca”>Sambungan</font> <!—di mana color=”read” ialah atribut - pasangan nilai. "Sambungan" ialah kandungan-->
</body><!—Tamat teg-->
2 Elemen kosong<br>
Elemen kosong dengan atribut<hr color=”biru”>
Elemen dengan kandungan<title>Sambungan</title>
Elemen dengan kandungan dan atribut< font color="read">Connection</font>
Ringkasnya, contoh di atas
<html> //Simbol mula. Ia juga boleh dihuraikan jika tiada penyemak imbas
<head>//Start document header <title>
Nama saya berhati-hati!/ /Mulakan tajuk dokumen
</title>//Tamatkan tajuk dokumen
</kepala>//Tamatkan kepala dokumen
<warna badan= "red">//Start Document body
Hello World!//Kandungan yang dipaparkan oleh penyemak imbas
</body>//End document body
</html>//End HTML document
3. Teg yang berkaitan dengan kawalan perenggan <palign=”#”> . Penjajaran atribut menunjukkan penjajaran segmen, yang boleh dibenarkan ke kiri
<br> menunjukkan garisan garisan
<hrcolor="”> . Atribut menunjukkan warna Read green juga boleh menggunakan nombor heksadesimal, seperti #ffoooo
<html> <head> <title>静夜思</title> </head> <body> <p align="center">静夜思</p> <hr color="#ffoooo"> <p align="center">床前明月光，疑是地上霜。举头望明月，低头思故乡。</p> </body> </html>
4. Teg yang berkaitan dengan paparan teks
<center>…</center>: Pusatkan teks untuk dipaparkan
<hn align= "">...<hn>: digunakan untuk menunjukkan tajuk dokumen, n ialah integer dari 1 hingga 6, 1 mewakili tajuk terbesar, penjajaran atribut menunjukkan penjajaran tajuk, yang boleh menjadi tengah , kiri kanan
< ;fontsize=”n” color=””>…</font>: digunakan untuk menetapkan fon, saiz mewakili saiz fon, n boleh menjadi integer dari 1 hingga 7, semakin besar nombor, lebih besar fon yang dipaparkan.
<b>…</b>: Tetapkan teks menjadi tebal
<i>…</i>: Tetapkan teks menjadi condong
5. Cara memasukkan aksara khas
Dalam dokumen HTML, simbol seperti ruang tidak pecah, pemulangan kereta, perkataan simpanan HTML dan beberapa aksara yang tidak wujud dalam papan kekunci perlu dipetik. Terdapat dua jenis rujukan dalam HTML: rujukan aksara dan rujukan entiti.
Rujukan watak dan rujukan entiti kedua-duanya bermula dengan & dan berakhir dengan koma bertitik (;). Jika anda menggunakan rujukan aksara, anda perlu menambah # selepas &, diikuti dengan kod perpuluhan atau kod heksadesimal bagi aksara yang diperlukan (pengekodan aksara dalam set aksara ISO 10646). Jika anda menggunakan rujukan entiti, tulis mnemonik aksara selepas &.
Dalam HTML, ruang boleh dimasukkan menggunakan ruang lebar penuh.
6. Ulasan dalam HTML
<!--Ini adalah kandungan ulasan--> >
7. Buat senarai bernombor
Gunakan teg <ol> untuk membuat senarai bernombor. Anda boleh menggunakan atribut jenis untuk menentukan jenis sistem penomboran, A (A, B, C), a (a, b, c), I (III III), i (i ii iii) 1 (1, 2, 3) lalai Gunakan atribut mula dalam teg <ol> Gunakan atribut nilai dalam teg <li> untuk menukar susunan penomboran dalam senarai.
Buat senarai bertitik tumpu menggunakan tag <ul> Atribut jenis dalam Ul boleh menjadi, cakera (bulatan pepejal) bulatan persegi (pejal persegi) (bulatan kosong)
Gunakan tag <dl> untuk membuat senarai tidak bertanda, gunakan <dd> ;Penggantian teg< dt> mencipta senarai inden.
Gunakan kedua-dua teg <dt> dan <dd> Item senarai dalam senarai istilah terdiri daripada dua bahagian, istilah dan perihalannya. Istilah ditentukan oleh teg <dt>
<ol start="10"type="I">
<li>Matematik
<livalue="20">Bahasa Cina
<li>Fizik
</ol>
<ul type="bulatan">
<li>Matematik
<li>Bahasa Cina
<li>Fizik
< /ul>
<dl >
<dt>Matematik
<dd>Cina
<dt>Fizik
<dd>Kimia& <🎜 ;
8 Jadual Jadual menggunakan <table border= n align=”” bgcolor=””>…< /table>, dengan sempadan ialah lebar jadual, dan lalai ialah 0, yang bermaksud lebar jadual tidak dipaparkan.
<caption>…</caption>: Digunakan untuk mentakrifkan tajuk jadual
<tralign=”” valign=”” >…</br>: Jajaran atribut menentukan mendatar arah baris ini Untuk kaedahnya, anda boleh menentukan penjajaran menegak untuk kiri tengah kanan .valign, yang boleh menjadi atas, tengah, bawah
<th>…</th>: digunakan untuk menetapkan pengepala jadual
<td> ;...</td>: digunakan untuk mentakrifkan sel
<html> <head><title>表格</title></head> <body> <table border="5"align="center" bgcolor="bule"> <caption>考试成绩</caption> <tr align="center"valign="middle"> <th>语文</th> <th>数学</th> <th>英语</th> </tr> <tr align="center"valign="middle" > <td>80</td> <td>70</td> <td>60</td> <tr align="center"valign="middle" > <td>60</td> <td>70</td> <td>80</td> </table> </body> </html>
9. Penciptaan borang
<form method=”get or post ”action=”URL”>: Kaedah atribut menentukan semasa menghantar data ke pelayan Kaedah HTTP yang digunakan boleh menjadi kaedah dapatkan atau pos. Get ialah kaedah lalai Apabila borang diserahkan menggunakan kaedah get, data yang diserahkan dilampirkan pada penghujung URL (dinyatakan dalam tindakan atribut) dan dihantar ke pelayan sebagai sebahagian daripada URL tindakan sebagai reg.asp, Apabila borang diserahkan, dalam alamat penyemak imbas, kita akan melihat, http://localhost:8080/reg.asp?user=zhangsan&pwd=1234
Kaedah Post adalah untuk menghantar maklumat dalam menu sebagai blok data Kepada pelayan, tidak kira kaedah yang digunakan, pengekodan data adalah sama, dalam format: name1=value1&name2=value2
Tindakan atribut menentukan alamat skrip yang memproses borang, iaitu, selepas borang diserahkan kepada pelayan , yang akan mengendalikannya, nyatakan URL pengendali dalam tindakan
<inputtype=”” name=”” size=”” value=” ”>: jenis menentukan jenis kawalan yang akan dibuat. Atribut nama digunakan untuk menentukan nama kawalan Skrip bahagian pelayan yang memproses borang boleh mendapatkan data borang yang diwakili oleh pasangan nilai-nama Menggunakan nama, nilai yang sepadan boleh diambil. Sifat Nama tidak dipaparkan dalam borang, dan sifat saiz digunakan untuk menetapkan lebar awal kawalan dalam borang. Atribut nilai menentukan nilai awal kawalan.
Kawalan input teks baris tunggal (type="text") Butang Serah (type="submit")
Butang set semula (type="rest") Kawalan input kata laluan (type="password")
Single Butang pilih (type=”radio”) Kotak semak (type=”checkbox”) Kawalan tersembunyi (type=”hidden”)
Cipta input teks berbilang baris<textarea name=”” rows=”” cols=” ” >…</textarea>
Contoh berikut menggunakan jadual untuk mengawal borang
<html> <head> <meta charset="utf-8"> <title>表单</title> </head> <body> <form method="get"action=""> <table border="0"> <tr valign="middle"></tr> <td>用户名：</td> <td><input type="text" size="20" name ="user"></td> <tr align="left" valign="middle"></tr> <td>密码：</td> <td><input type="password"></td> <tr align="left" valign="middle"> </tr> <td>兴趣</td> <td><input type="checkbox" name="interest" value="football">足球 <input type="checkbox" name="interest"value="basketball">篮球 </td> <tr align="left"valign="middle"></tr> <td>性别</td> <td><input type="radio" name="sex" checked value="1">男 <input type="radio" name="sex" value="0">女 </td> </select></td> <tr align="left" valign="middle"></tr> <tdvalign="top">个人简介：</td> <td><textarea name="personal" rols="5" cols="20">个人简介</textarea> </td> <tr align="left"valign="middle"></tr> <td></td> <td><input type="hidden" value="001" name="id"></td> <tr align="left" valign="middle"></tr> <td></td> <td><input type="reset" value="重置"><input type="submit" value="提交"></td> </table> </form> </body> </html>
10
<a href="URL">...Pautan teks</a>
<a href="form.html">Direktori semasa</a> ahref=../”form.html”>Direktori satu tahap di atas direktori semasa</a>
<ahref=”E://form.html”>Laluan mutlak</a> ><ahref=”http://www.baidu.com”>Alamat Web Sedunia</a>
11 >
<img src="URL" alt="replacement text" height="42" width="42">
