HTML學習筆記 2018-11-13(20:34)
阿新 • • 發佈:2018-11-23
HTML學習筆記 2018-11-13(20:34)
一、排版標籤
1.(p)
P標籤:段落標籤。
可以用align屬性和將HTML文件分割位若干段。
P標籤會在段落的上行下加空行。
例如:
<p align="center">居中</p>
<p align="right">靠右</p>
<p algin="left">靠右(預設)</p>
居中
靠右
靠右(預設)
2.(hr)
hr標籤:會生成一條水平線。
常用的屬性:
align 設定水平線的對其方式。
size 設定水平線的厚度,預設為2。
width 設定水平線的長度,可以是絕對值或者是相對值,預設為100%。
color 設定水平線顏色,預設黑色。
例如:
<hr align="left" size="5" width="50%" color="#7fff00"/>
二、字型標籤 1.(font) font標籤:字型標籤,用於規定文字的大小,顏色,字型。 常用屬性: face: 規定文字字型 verdana Arial(很少用到)。 size: 規定文字的大小。 color:規定文字的顏色。 例如:
<font size="300px" face="宋體" color="#7fff00">宋體</font>
宋體
2.(h)
h標籤: 標題標籤
h1至h6,h1最大,h6最小
例如
<h1>字</h1> <h2>字</h2> <h3>字</h3> <h4>字</h4> <h5>字</h5> <h6>字</h6>
字
字
字
字
字
字
三、列表標籤 1.(ul) ul標籤:無需列表標籤。 常用屬性:type 規定列表的專案符號。 可取值:disc、square、circle。預設為disc。 例如:<ul > <li>預設格式disc(圓點)</li> </ul> <ul type="circle"> <li>列表前的符號樣式為圓圈</li> </ul> <ul type="square"> <li>列表前的符號樣式為(方格)</li> </ul>
2.(ol)
ol標籤:有序列表標籤。
常用屬性:
value(只適用於有序列表)。
用於設定列表的專案數字。
用法:type的值為1 而vlaue的屬性為25,那專案數字就會從25開始往後排序。
例如:
<ol type="1">
<li value="18">ol標籤</li>
<li>ol標籤</li>
<li>ol標籤</li>
</ol>
<ol type="A">
<li>ol標籤</li>
<li>ol標籤</li>
<li>ol標籤</li>
</ol>
<ol type="a">
<li>ol標籤</li>
<li>ol標籤</li>
<li>ol標籤</li>
</ol>
<ol type="I">
<li>ol標籤</li>
<li>ol標籤</li>
<li>ol標籤</li>
</ol>
<ol type="i">
<li>ol標籤</li>
<li>ol標籤</li>
<li>ol標籤</li>
</ol>
打卡第二天啦,小夥伴們!加油。