日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

HTML5中各种标签总结(body标签)

發布時間:2025/3/21 HTML 20 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML5中各种标签总结(body标签) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

body標簽(里面放的就是頁面上展示出來的內容)

body 元素是定義文檔的主體。body 元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等。)body是用在網頁中的一種HTML標簽,標簽是用在網頁中的一種HTML標簽,表示網頁的主體部分,也就是用戶可以看到的內容,可以包含文本、圖片、音頻、視頻等各種內容!

一、標題標簽<h1>-<h7>

h1-h6 字號逐漸變小,每個標題獨占一行,自帶換行效果
h7之后都屬于無效標簽,但是瀏覽器也不會報錯,而是以普通文本的形式進行展現


效果展示:

二、分割線標簽<hr/>

屬性:
width:設置寬度
300px :固定寬度
30%:頁面寬度的百分比,會隨著頁面寬度的變化而變化
align:設置位置 left ,center,right 默認不寫的話就是center居中效果

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>文本標簽</title></head><body><h6>平等</h6><hr /><h6>公正</h6></body> </html>

效果展示:

三、段落標簽<p></p>

段落效果:段落中文字自動換行,段落和段落之間有空行

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>文本標簽</title></head><body><!--段落標簽--><p>法制</p><p>愛國</p></body> </html>

展示效果:

四、加粗傾斜下劃線<b><u><i> </b></u></i>

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>文本標簽</title></head><body><!--加粗傾斜下劃線--><b><u><i>誠信</i></u></b></body> </html>

效果展示:

五、預編譯標簽<pre> </pre>

預編譯標簽:在頁面上顯示原樣效果

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>文本標簽</title></head><body><!--預編譯標簽-->編譯操作:<pre>def function(*arg,**kwargs):pass</pre>不進行編譯:def function(*arg,**kwargs):pass</body> </html>

效果展示:

六、換行標簽<br />

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>文本標簽</title></head><body><!--換行標簽-->春節臨近,要提高疫情防控意識,遵守防疫要求,<br>堅持做好個人防護,主動報告行程、減少聚集,積極接種新冠病毒疫苗。</body> </html>

效果展示:

七、字體標簽<font> </font>

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>文本標簽</title></head><body><!--字體標簽--><font color="blue" size="6">春節臨近,要提高疫情防控意識,遵守防疫要求。</font></body> </html>

效果展示:

總結

以上是生活随笔為你收集整理的HTML5中各种标签总结(body标签)的全部內容,希望文章能夠幫你解決所遇到的問題。

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