HTML5中各种标签总结(body标签)
生活随笔
收集整理的這篇文章主要介紹了
HTML5中各种标签总结(body标签)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
body標簽(里面放的就是頁面上展示出來的內容)
body 元素是定義文檔的主體。body 元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等。)body是用在網頁中的一種HTML標簽,標簽是用在網頁中的一種HTML標簽,表示網頁的主體部分,也就是用戶可以看到的內容,可以包含文本、圖片、音頻、視頻等各種內容!
一、標題標簽<h1>-<h7>
h1-h6 字號逐漸變小,每個標題獨占一行,自帶換行效果
h7之后都屬于無效標簽,但是瀏覽器也不會報錯,而是以普通文本的形式進行展現
效果展示:
二、分割線標簽<hr/>
屬性:
width:設置寬度
300px :固定寬度
30%:頁面寬度的百分比,會隨著頁面寬度的變化而變化
align:設置位置 left ,center,right 默認不寫的話就是center居中效果
效果展示:
三、段落標簽<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标签)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML5中各种标签总结(多媒体标签)
- 下一篇: HTML5中各种标签总结(超链接标签、锚