HTML 網頁教學
  • 介紹
  • 1. HTML 簡介
    • 1-1 HTML 結構說明
    • 1-2 HTML 編輯器
    • 1-3 HTML 基本語法
  • 2. 常用 HTML 元件
    • 2-1 HTML基本元件
    • 2-2 HTML元件屬性
  • 3. HTML5語法、元件
    • 3-1 HTML5簡介
    • 3-2 HTML5文件結構
    • 3-3 HTML5元素
    • 3-4 HTML5 SVG元素
Powered by GitBook
On this page
  1. 2. 常用 HTML 元件

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學習資源

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

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

Last updated 7 years ago

【 網頁 】w3school.com : ( 英文 )

http://www.w3school.com/html/