1. 程式人生 > >HTML學習筆記 2018-11-13(20:34)

HTML學習筆記 2018-11-13(20:34)

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>

打卡第二天啦,小夥伴們!加油。