文章目錄

• pre標簽
• b標簽
• i標簽
• del標簽
• sup 和 sub 標簽
• ? < >
• thead tbody tfoot
• hidden
• readonly和disabled
• div和span的區別

pre標簽

pre 元素可定義預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。

<pre>for(int i=0;i<10;i++){system.out.println(i);} </pre>

b標簽

標簽定義粗體的文本。

標簽定義了文本中的部分比其余的部分更重要，并呈現為粗體。

<b> 粗體字 </b>

i標簽

標簽呈現斜體的文本。

標簽定義與文本中其余部分不同的部分，并把這部分文本呈現為斜體文本。在沒有其他元素可以使用時，比如 , , , , , , ，請使用 標簽。

<p>The <i class="taxonomy">Felis silvestris catus</i> is cute.</p>

del標簽

標簽定義文檔中已刪除的文本。

a dozen is <del>21</del> 12 pieces

21文字中間會多出橫線 變成 21

sup 和 sub 標簽

_{標簽可定義下標文本。 ^{可定義上標文本。}}

10² m<sub>2<sub>

結果如圖：

&nbsp &lt &gt

&nbsp空格
&lt 小于號
&gt 大于號

thead tbody tfoot

對于樣式沒有改變 主要是為了后期javascript提供方便

<table border="1px" width="50%"><thead><tr><th>t1</th><th>t2</th><th>t3</th></tr></thead><tbody><tr><td>1</td><td>2</td><td>3</td></tr><tr><td>4</td><td>5</td><td>6</td></tr></tbody><tfoot><tr><td>x</td><td>y</td><td>z</td></tr></tfoot></table>

hidden

hidden在網頁上不會顯示內容，在提交后會將參數提交過去

<form action="http://127.0.0.1:8080/admin"><input type="hidden" name="id" value="112233"><input type="submit" value="提交"><!-- 點擊提交后地址欄顯示為http://127.0.0.1:8080/admin?id=112233 --></form>

readonly和disabled

readonly和disabled都為只讀，但readonly會作為參數提交給后端，disabled則不會被提交

<form action="http://127.0.0.1:8080/crm/save"><input type="text" name="aid" value="112233" readonly><br><input type="text" name="bid" value="112233" disabled><br><input type="submit" value="提交"><!-- 點擊提交后地址欄顯示為http://127.0.0.1:8080/crm/save?aid=112233 --></form>

div和span的區別

div獨自占一行
span不換行

總結

以上是生活随笔為你收集整理的WBE前端笔记1：HTML中一些不熟悉的标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。