標籤：
1.定義網頁背景顏色
<body bgcolor="背景色">
顏色可以用2種方式表示：1. 直接指定顏色名稱，如blue。2.使用十六進位資料表示如#RRGGBB，分別表示兩位十六進位資料.
2.設定背景圖片
<body background="圖片的地址">
3.設定文字顏色
<body text="文字的顏色">
4.設定連結文字屬性
<body link="顏色">
alink可以用來設定按一下滑鼠連結時的顏色；vlink可以設定被瀏覽過的超連結的顏色。
5.設定頁面邊距
<body topmargin=value leftmargin=value rightmargin=value bottommargin=value>
6.標題標記
<title>...</title>
7.定義頁面關鍵字
<meta name="ketwords" content="輸入具體的關鍵字">
8.定義頁面描述
<meta name="description" content="設定頁面描述">
9.定義編輯工具
<meta name="generator" content="Frontpage">
10.定義作者資訊
<meta name="autor" content="作者的姓名">
11.定義網頁文字及語言
<meta http-equiv="content-type" content="text/html;charset=字元集類型">
12.定義網頁的定時跳轉
<meta http-equiv="refresh" content="跳轉的時間；URL=跳轉到的地址">
用http-equiv中的refresh不僅可以實現頁面自身的自動重新整理，也可以實現頁面間的自動跳轉過程。
13.連結
1. 建立基本超連結：<a 屬性=“連結目標”>連結顯示文本</a>
屬性：href--指定連結地址；name--給連結名字；title--給連結添加提示文字；target--指定鏈 接的目標視窗；Target參數的屬性取值：-self--在當前頁面中開啟連結； -blank--在一個全新的空白視窗中開啟連結；-top--在頂層架構中開啟連結，也可理解為在根架構中開啟連結；-parent--在當前架構的上一層開啟連結。
2. 建立映像連結
<a href=”連結目標”>連結的映像</a>
3. 建立錨點
<a name=”錨點的名稱”></a> 錨點就是指在給定名稱的一個網頁中的某一個位置，在建立錨點連結前首先要建立錨點。
<a href=”#錨點的名稱”>...</a>
14.表單
<form action="表單的處理常式" method="傳送方法"></form> 一般情況下表單的處理常式action和傳送方法method是必不可少的參數。
Action用於指定表單資料提交到哪個地址進行處理。表單的處理常式是表單要提交的地址，即表單中收集到的資料將要傳遞到的程式地址。
傳送方法的值只有兩種，即get和post。Get--表單資料被傳送到action屬性指定的URL，然後這個新的URL被送到處理常式上。Post--表單資料被包含在表單主體中，然後被送到處理常式中。
15.插入映像
<img src=”映像的地址” height=”映像的高度” width=”映像的寬度” hspace=”水平邊距” vspace=”垂直邊距” align=”對齊” alt=”提示文字的內容”>
16.添加多媒體檔案
<embed src=”多媒體檔案地址” width=”多媒體的寬度” height=”多媒體的高度” autostart=”是否自動運行” loop=”是否迴圈播放” ></embed>
<bgsound src=”背景音樂地址 ” loop=”播放次數”>
17.插入其他標記
插入空格符號：
插入特殊符號：&...©
18.設定文字格式
font用來控制字型、字型大小、顏色等屬性；<font face=”字型樣式”>...</font> 可以通過face設定不同的字型。<font size=”文字字型大小”>..</font>用來設定字型大小。<font color=”字型顏色”>...</font> 用來設定文字顏色。
<b>加粗的文字</b>、<strong>加粗的文字</strong> 、<i>斜體文字</i>、<em>斜體文字</em>、<cite>斜體文字</cite>、<u>底線內容</u>、<sup>上標內容</sup>、<sub>下標內容</sub>
19.設定段落格式
<p>段落文字</p>、<align=對齊>、<nobr>不換行文字</nobr>、<br>換行標記
20.水平線標記
<hr>在網頁中輸入一個此標記即添加了一條預設樣式的水平線、<hr width=”寬度”>、<hr size=”高度”>、<hr color=”顏色”>、<hr align=”對齊”>、<hr noshade>利用水平線去掉陰影
21.css
1.css：層疊樣式表。使用css能夠簡化網頁的格式化代碼，加快下載的速度，也減少了需要上傳的代碼數量，大大減少了重複勞動的工作量。樣式表的首要目的的為網頁上的元素精確定位。其次他把網頁上的內容結構與格式控制相分離，使得網頁可以僅由內容構成，而將網頁的格式通過通過css樣式表檔案來控制
2.Css文法結構僅由3部分組成，分別是選擇符、樣式屬性和值，基本文法如下：
選擇符｛樣式屬性：取值；樣式屬性：取值；...｝
3.基本css選取器
標籤選取器：直接將html標籤作為選取器如p選取器；類別選取器：標記選取器一旦聲明，則頁面中所有的該標記都會相應的產生變化；Id選取器的使用方法和class選取器基本相同，不同之處在於id選取器只能在html頁面中使用一次。
4.css的使用方式
連結外部樣式表：<link type=”text/css” rel=”stylesheet” href=”外部樣式表的檔案名稱”>
行內方式：<標記 style=”樣式屬性：屬性值；樣式屬性：屬性值；...”>
嵌入外部樣式表：
<style type=text/css>
@import url(“外部樣式表的檔案名稱”)；
</style>
內部樣式表：
<style type=”text/css”>
<!--
選擇符1（樣式屬性：屬性值；樣式屬性：屬性值；...）
選擇符2（樣式屬性：屬性值；樣式屬性：屬性值；...）
....
選擇符n（樣式屬性：屬性值；樣式屬性：屬性值；...）
-->
</style>
5.設定css屬性
css屬性分為：類型、背景、區塊、方框、邊框、列表、定位、擴充。
css類型屬性：Font-family、Font-size、Font-style、Line-height、Text-decoretion、Font-weight、Font-variant、Text-transform、Color
css背景屬性：Background-color、Background-image、Background-repeat、Background-attachment（確定背景映像是固定在它的原始位置還是隨內容一起滾動）、Background-position(X)和background-position（Y）：指定背景映像相對於元素的初始位置。
css區塊屬性：Word-spacing：設定單詞的間距；Letter-spacing：增加或減小字母或字元的間距。vertical-align：指定應用它的元素的垂直對齊。Text-align：設定元素中文本對齊。Text-indent：指定第一行文本縮排的程度。White-space：確定如何處理元素的空白。Display：指定是否及如何顯示元素。
css方框屬性：Width和height屬性設定元素的寬度和高度。Float：設定其他元素在哪個邊圍繞元素浮動。Padding：指定元素內容與元素邊框之間的間距。Margin：指定一個元素的邊框與另一個元素之間的間距。
css邊框屬性：Style：設定邊框的樣式外觀。Width：設定元素邊框的粗細。Color：設定邊框的顏色。
css列表屬性：List-style-type：設定項目符號或編號的外觀。List-style-image：可以為項目符號指定自訂映像。單擊瀏覽按鈕選擇映像或輸入映像路徑。List-style-position：設定清單項目文本是否換行和縮排以及文本是否換行到左邊距。
css定位屬性：Position：四個可選值：absolute能夠準確將元素移動到你想要的位置，絕對位置元素的位置。Fixed--相對於視窗的固定定位。Relative--相對定位是相對於元素預設的位置的定位。Static--該屬性值是所有元素定位的預設情況，可用static取消繼承，即還原元素定位的預設值。Visibility：如果不指定可見度屬性，則預設情況下大多數瀏覽器都繼承父級的值。
css擴充屬性：Page-break-before：其中兩個屬性的作用是為列印的版面設定分頁符。Page-break-after：檢索或設定對象後出現的頁分割符。Cursor：指標位於樣式所控制的對象上時改變指標映像。Filter：對樣式所控制的對象應用特殊效果。
HTML/CSS總結1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
