HTML快速入門

目錄2. html

一般對前端而言，我們接觸得比較多的是 b/s 架構

資源分類

靜態資源

使用靜態網頁開發技術發布的資源

特點：

分類：

動態資源

特點：

由標籤構成的語言。《標籤名稱》如 html，xml

html檔案的字尾名：.html 或 .htm

標籤分為：

圍堵標籤：有開始和結束標籤。如

自閉和標籤：開始標籤和結束標籤在一起。如

標籤可以巢狀

在開始標籤中可以定義屬性，屬性的值需要使用引號（' 或 "）括起來

html 標籤不區分大小寫，但建議使用小寫

所有html中標籤的樣式屬性都不建議使用html來定義，最好應使用css樣式檔案來定義

：html 的根標籤，可以指定語言lang屬性

to：一級標題~六級標題

：換行標籤，是一種自閉和標籤，相當於回車

：設定字型加粗

：設定字型斜體

：水平線標籤，是一種自閉和標籤

可以設定顏色color、寬度width、高度size、對齊方式align這四種屬性，但html5中已被廢棄（由於向下相容的原因，依然能夠使用），修改樣式應由 .css 檔案來進行

：字型標籤

在html5 中已被廢棄，在html5 中已被廢棄，可以設定字型顏色color，大小size和字型種類face這三種屬性。

:將標籤包裹的元素居中顯示，已被html5 廢棄

html 中定義屬性的方式：

顏色color：

英文單詞：例如red、gray、black等

rgb(值1,值2,值3)：值的範圍為0~255，例如 rgb(0,0,255) 表示藍色

寬度width

畫素表示：例如width='20'，數值以畫素px為單位

相對百分比表示：例如width='50%'，數值表示佔父元素大小的百分比

：文字資訊在一行展示，稱為行內標籤或內聯標籤

：每個div佔滿一整行，稱為塊級標籤

html5 中為了提高**的可讀性所提供的標籤，不提供任何樣式。常見的有頁首和頁尾。

html 中對於**來說，只有行的概念，不存在列的概念，通過在行內插入單元格來實現**的樣式。

：定義**，可以使用屬性有：**寬度width、邊框border等

：定義行

：定義單元格

：定義表頭單元格，其中的字會預設加粗且居中

：定義**標題，預設在**上方出現且居中

、和：**中的語義化標籤，除了有位置上的關係外（例如tfoot永遠在**最下方）無其它樣式，配合css使用

**標籤demo

學生成績表

編號姓名
成績 
學生1小龍女
100 
2楊過65

怎麼合併單元格？

在單元格標籤中加入【rowspan】可以指定該單元格佔幾行，【colspan】指定該單元格佔幾列

表單項中的資料要想被提交，必須指定其name屬性

表單html執行截圖：

HTML快速入門

html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hyper text markup language html 不是一種程式語言，而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 html 標籤通常是...

HTML快速入門

b s架構 伺服器 瀏覽器 接收請求並解析，處理業務，返回資料 響應 頁面組成 html css js 測試工具 chrome 特點 說明 標籤就是html的骨架，最重要的組成部分。屬性 幾乎每個標籤都有的屬性 加粗 斜體 下劃線 刪除線 上標 下標 字型 其中的每個元素都是乙個 有序列表 例子 n...

HTML快速入門

這是乙個宣告，目的是告訴瀏覽器使用html的標準來解析這個網頁 doctype html 根標籤，最頂層的標籤 頭標籤，用於指定html文件的一些屬性。utf 8 定義標題的標籤 title head 體標籤，網頁的主要內容就寫在這裡 hellow body html 注釋 標題標籤 四級標題 五級...