程式語言教學誌 FB, YouTube: PYDOING: HTML, CSS 教材

HTML 為 HyperText Markup Language 的頭字母縮寫詞，中文稱之為超文件標記語言，提供標記網頁結構之用。 CSS 為 Cascading Style Sheets 的頭字母縮寫詞，中文稱之為串接樣式表，提供給標記語言添加樣式之用。

因此， HTML 為網頁的骨幹， CSS 則是網頁的外觀，另外 JavaScript 提供網頁用戶端的程式設計，三者結合則可以設計出多采多姿的網頁。

學習 HTML & CSS 無須額外工具，只要有上網用的瀏覽器即可，常見的瀏覽器有

Firefox
Google Chrome
Safari
Opera
Internet Explorer

您可以參考本站依據標準文件整理的參考資料

HTML 5 快速導覽

基本概念按一下展開目錄
網頁結構

語法

空白字元

字元索引 character

註解

MIME 型態

URL

文件樹 domtree

元素 element

全域屬性

accesskey

class

contenteditable

contextmenu

dir

draggable

dropzone

hidden

id

itemid

itemprop

itemref

itemscope

itemtype

lang

spellcheck

style

tabindex

title

根元素按一下展開目錄
<html>

文件資料元素按一下展開目錄
<head>

<title>

<base>

<link>

<meta>

<style>

<script>

<noscript>

區域元素按一下展開目錄
<body>

<section>

<nav>

<article>

<aside>

<h1> <h2> <h3> <h4> <h5> <h6>

<hgroup>

<header>

<footer>

<address>

群組元素按一下展開目錄
<p>

<hr>

<pre>

<blockquote>

<ol>

<ul>

<li>

<dl>

<dt>

<dd>

<figure>

<figcaption>

<div>

文字階層元素按一下展開目錄
<a>

<em>

<strong>

<small>

<s>

<cite>

<q>

<dfn>

<abbr>

<data>

<time>

<code>

<var>

<samp>

<kbd>

<sub>

<sup>

<i>

<b>

<u>

<mark>

<ruby>

<rt>

<rp>

<bdi>

<bdo>

<span>

<br / >

<wbr>

編訂元素按一下展開目錄
<ins>

<del>

內嵌元素按一下展開目錄
<img>

<iframe>

<embed>

<object>

<param>

<video>

<audio>

<source>

<track>

<canvas>

<map>

<area>

表格元素按一下展開目錄
<table>

<caption>

<colgroup>

<col>

<tbody>

<thead>

<tfoot>

<tr>

<td>

<th>

表單元素按一下展開目錄
<form>

<fieldset>

<legend>

<label>

<input>

<button>

<select>

<datalist>

<optgroup>

<option>

<textarea>

<keygen>

<output>

<progress>

<meter>

互動式元素按一下展開目錄
<details>

<summary>

<command>

<menu>

依據 HTML & CSS 舊標準整理的參考資料

CSS 2.1 快速導覽

基本概念按一下展開目錄
外部、文件與內嵌樣式表

註解

規則

群組

繼承

盒子模式

HTML 4 元素的預設樣式

單位按一下展開目錄
長度

百分比

URL

色彩

CSS 3 的 X11 延伸顏色關鍵字列表

選取器按一下展開目錄
型態選取器

全域選取器

後代選取器

子代選取器

相接選取器

屬性選取器

類別選取器

ID 選取器

擬類別選取器

:first-child

:link

:visited

:hover

:active

:focus

:lang

擬元素選取器

:first-line

:first-letter

:before

:after

@import 規則
階層按一下展開目錄
重大宣告 !important 規則

規格

元素呈現方式 display
文字相關按一下展開目錄
字型顏色 color

字型種類 font-family

字型粗細 font-weight

字型尺寸 font-size

字型格式 font-style

字型變體 font-variant

字型伸縮 font-stretch

字型大小 font-size-adjust

字型 font

文字縮排 text-indent

水平對齊 text-align

文字行高 line-height

垂直對齊 vertical-align

單字間距 word-spacing

字元間距 letter-spacing

大小寫轉換 text-transform

文字裝飾 text-decoration

文字陰影 text-shadow

空白字元 white-space

文字方向 direction

unicode-bidi

區塊相關按一下展開目錄
寬度 width

高度 height

邊界 margin

左邊界 margin-left

右邊界 margin-right

上邊界 margin-top

下邊界 margin-bottom

邊距 padding

左邊距 padding-left

右邊距 padding-right

上邊距 padding-top

下邊距 padding-bottom

邊框格式 border-style

左邊框格式 border-left-style

右邊框格式 border-right-style

上邊框格式 border-top-style

下邊框格式 border-bottom-style

邊框粗細 border-width

左邊框粗細 border-left-width

右邊框粗細 border-right-width

上邊框粗細 border-top-width

下邊框粗細 border-bottom-width

邊框顏色 border-color

左邊框顏色 border-left-color

右邊框顏色 border-right-color

上邊框顏色 border-top-color

下邊框顏色 border-bottom-color

邊框 border

左邊框 border-left

右邊框 border-right

上邊框 border-top

下邊框 border-bottom

背景相關按一下展開目錄
背景 background

背景顏色 background-color

背景圖片 background-image

重複背景圖片 background-repeat

背景位置 background-position

背景固定 background-attachment

定位相關按一下展開目錄
浮動 float

清除 clear

定位 position

對頂端位移 top

對右端位移 right

對底部位移 bottom

對左端位移 left

最小寬度 min-width

最大寬度 max-width

最小高度 min-height

最大高度 max-height

溢出 overflow

剪裁 clip

可見性 visibility

重疊順序 z-index

表格按一下展開目錄
表格標題 caption-side

儲存格邊框 border-collapse

儲存格邊距 border-spacing

空白儲存格 empty-cells

表格外觀 table-layout

清單按一下展開目錄
項目符號 list-style

符號類型 list-style-type

符號圖片 list-style-image

清單符號位置 list-style-position

自訂內容 content 按一下展開目錄
重設編號 counter-reset

編號計數 counter-increment

引號 quotes
滑鼠游標 cursor
外框 outline 按一下展開目錄
外框格式 outline-style

外框粗細 outline-width

外框顏色 outline-color

HTML 4.01 快速導覽

HTML 基本概念按一下展開目錄
元素與屬性

絕對路徑與相對路徑

度量與單位

網頁顏色

網頁字元索引

文件型態定義

<html> - 文件標籤

<head> - 文件標頭

<title> - 標題

<meta /> - 資訊

<link /> - 外連樣式表

<script> - 腳本程式

<style> - 樣式

<base> - 基本路徑

<body> - 文件主體

<address> - 作者資訊

行內元素與區塊元素
文字標記與樣式按一下展開目錄
<h?> - 標題

<em> - 強調

<strong> - 強調

<dfn> - 定義

<code> - 程式碼

<samp> - 簡單文字

<kbd> - 鍵盤符號

<var> - 變數

<cite> - 作品名稱

<abbr> - 英文縮寫

<acronym> - 頭字母縮寫詞 Obsolete

<q> - 行內引用

<sub> - 下標

<sup> - 上標

<ins> - 插入

<del> - 刪除

<tt> - 細小字型 Obsolete

<i> - 斜體字型

<b> - 粗體字型

<big> - 放大字型 Obsolete

<small> - 縮小字型

<strike> - 刪除線 Obsolete

<s> - 刪除線 Obsolete

<u> - 底線 Obsolete

<font> - 字型樣式 Obsolete

<basefont /> - 預設字型樣式 Obsolete

<span> - 行內元素

直線 - <hr>
段落編排按一下展開目錄
<br / > - 換行（列）

<pre> - 原始編排

<p> - 段落文字

<blockquote> - 區塊引用

<div> - 區塊元素

清單按一下展開目錄
<ul> <li> - 符號清單

<ol> <li> - 編號清單

<dl> <dt> <dd> - 說明清單

<menu> - 符號清單 Obsolete

<dir> - 符號清單 Obsolete

表格按一下展開目錄
<tr> <td>

<th> <caption>

<thead> <tbody> <tfoot>

<clogroup> <col>

超連結 <a>
框架 <frameset> <frame> <noframes> Obsolete 按一下展開目錄
其他網頁 <iframe>

多媒體按一下展開目錄
圖片 <img>

Java 程式 <applet>

媒體物件 <object> <param>

圖片地圖 <map> <area>

表單 <form> 按一下展開目錄
輸入元件 <input>

按鈕 <button>

下拉式選單 <select> <optgroup> <option>

文字區域 <textarea>

搜尋索引 <isindex> Deprecated

標籤 <label>

輸入欄 <fieldset> <legend>

另外我們整理的一份

HTML 線上中文資源
 CSS 線上中文資源

the end

網頁

HTML, CSS 教材

基本概念 按一下展開目錄

根元素 按一下展開目錄

文件資料元素 按一下展開目錄

區域元素 按一下展開目錄

群組元素 按一下展開目錄

文字階層元素 按一下展開目錄

編訂元素 按一下展開目錄

內嵌元素 按一下展開目錄

表格元素 按一下展開目錄

表單元素 按一下展開目錄

互動式元素 按一下展開目錄

基本概念 按一下展開目錄

單位 按一下展開目錄

選取器 按一下展開目錄

文字相關 按一下展開目錄

區塊相關 按一下展開目錄

背景相關 按一下展開目錄

定位相關 按一下展開目錄

表格 按一下展開目錄

清單 按一下展開目錄

沒有留言:

本站網址連結語法

追蹤本站

累計流量

基本概念按一下展開目錄

根元素按一下展開目錄

文件資料元素按一下展開目錄

區域元素按一下展開目錄

群組元素按一下展開目錄

文字階層元素按一下展開目錄

編訂元素按一下展開目錄

內嵌元素按一下展開目錄

表格元素按一下展開目錄

表單元素按一下展開目錄

互動式元素按一下展開目錄

基本概念按一下展開目錄

單位按一下展開目錄

選取器按一下展開目錄

文字相關按一下展開目錄

區塊相關按一下展開目錄

背景相關按一下展開目錄

定位相關按一下展開目錄

表格按一下展開目錄

清單按一下展開目錄