1. 程式人生 > >03-HTML的body標簽(文本標簽)學習

03-HTML的body標簽(文本標簽)學習

使用 效果 不足 -html body set 下劃線 樣式 內容

<html>
<head>
<title>HTML的body標簽-文本標簽學習</title>
<meta charset="utf-8"/>
</head>
<body>
<!--標題標簽-->
<h1 align="center">今天天氣真好,適合學習</h1>
<h2>今天天氣真好,適合學習</h2>
<h3>今天天氣真好,適合學習</h3>
<h4>今天天氣真好,適合學習</h4>
<h5>今天天氣真好,適合學習</h5>
<h6>今天天氣真好,適合學習</h6>
<hr width="50%" size="20" color="red"/>
<p>
君不見,黃河之水天上來,奔流到海不復回。
君不見,高堂明鏡悲白發,朝如青絲暮成雪。
人生得意須盡歡,莫使金樽空對月。
天生我材必有用,千金散盡還復來。
烹羊宰牛且為樂,會須一飲三百杯。
岑夫子,丹丘生,將進酒,杯莫停。
與君歌一曲,請君為我傾耳聽。(傾耳聽 一作:側耳聽)
鐘鼓饌玉不足貴,但願長醉不復醒。(不足貴 一作:何足貴;不復醒 一作:不願醒/不用醒)
古來聖賢皆寂寞,惟有飲者留其名。(古來 一作:自古;惟 通:唯)
陳王昔時宴平樂,鬥酒十千恣歡謔。
主人何為言少錢,徑須沽取對君酌。
五花馬,千金裘,呼兒將出換美酒,與爾同銷萬古愁。
</p>
<p>
<b>君不見,黃河之水天上來,奔流到海不復回。</b><br />
<i>君不見,高堂明鏡悲白發,朝如青絲暮成雪。</i><br />
<u>人生得意須盡歡,莫使金樽空對月。</u><br />
天生我材必有用,千金散盡還復來。<br />
烹羊宰牛且為樂,會須一飲三百杯。<br />
岑夫子,丹丘生,將進酒,杯莫停。<br />
與君歌一曲,請君為我傾耳聽。(傾耳聽 一作:側耳聽)<br />
鐘鼓饌玉不足貴,但願長醉不復醒。<del>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(不足貴 一作:何足貴;不復醒 一作:不願醒/不用醒)</del><br />
古來聖賢皆寂寞,惟有飲者留其名。<del>(古來 一作:自古;惟 通:唯)</del><br />
陳王昔時宴平樂,鬥酒十千恣歡謔。<br />
主人何為言少錢,徑須沽取對君酌。<br />
五花馬,千金裘,呼兒將出換美酒,與爾同銷萬古愁。 <br />
</p>


</body>
</html>
<!--
標題標簽:
h1到h6:會將其中的數據加粗加黑顯示,並且顯示依次減弱,標題標簽自帶換行功能。(塊級標簽)
屬性:
align:center left right
水平線標簽:
hr:會在頁面中顯示一條水平線,默認居中顯示
屬性:
width="寬度" 設置水平線的寬度
size="高度" 設置水平線的高度
color="顏色" 設置水平線的顏色
段落標簽:
p:會將一段數據作為整體進行顯示,主要是進行CSS和js樣式操作時比較方便。會自動換行(塊級元素)\
特點:
段間距比較大
換行符:
br:告訴瀏覽器需要在此位置換行
空格符:
&nbsp:告訴瀏覽器在此位置增加空格
權重標簽:
b:會將內容加黑顯示
i:會將內容斜體顯示
u:會將內容增加下劃線
del:增加中劃線
以上標簽不會自動換行,並且可以嵌套使用。

註意:
1、標簽的屬性是對標簽的功能進一步的補充,可以由開發人員自由指定標簽的屬性值,來達到想要的顯示效果。
2、像素是占據電腦屏幕 的大小,百分比占據的是瀏覽器窗口的大小。
-->

03-HTML的body標簽(文本標簽)學習