2-2 HTML元件屬性

HTML元件屬性

HTML的元件可設定其屬性，如文字對其位置、表格框線是否顯示、文字顏色等。

元件對齊

使用align="..."來讓HTML元件對齊

<p align="left">Linwebs | 林林.台灣</p>
<p align="center">Linwebs | 林林.台灣</p>
<p align="right">Linwebs | 林林.台灣</p>

寬度、高度

使用height="..."和width ="..."來設定HTML元件寬度及高度，單位可使用像素 px 或是百分比 % 來設定，如：圖片大小、分隔線寬度等

<p>Linwebs</p>
<hr width="80%" />
<p>Linwebs</p>
<hr width="50px" align="right"/>
<p align="right">Linwebs | 林林.台灣</p>

顏色

使用color來指定文字顏色，使用bgcolor="..."來指定網頁背景顏色【需放置於<body>標籤後方】

HTML色碼是由RGB所組成，首先以井字號當頭，前兩個字控制紅色，中間兩字控制綠色，後兩個字控制藍色，由淺到深是由0123456789ABCDEF共16個值，綜合7個文字所調整出顏色的濃淡

<div style="background-color:blue; color:white">

<html>
    <head> ... </head>
    <body bgcolor="#8ebaff">
        <h4>
            <font color="#ffffff">Linwebs</font>
        </h4>
    </body>
</html>

HTML學習資源

【網頁】w3school.com : http://www.w3school.com/html/ ( 英文 )

【 APP 】Learn HTML：Google Play / AppStore搜尋 Learn HTML

Previous2-1 HTML基本元件 Next3. HTML5語法、元件

Last updated 6 years ago