標籤：img 基礎知識 標題 總結 字元 lin 有序列表 row 定義
1.
網頁主要由文字、圖片和按鈕等元素構成。當然，除了這些元素，網頁中還可以包含音頻、視頻以及Flash等。
2.web標準
w3c 全球資訊網聯盟組織，用來制定web標準
web標準（制定網頁要遵循的規範）：結構標準（html）、表現標準（css）、行為標準（js）
3.瀏覽器（用戶端）vs伺服器
4.html
a）
html (Hyper Text Markup Language ) 中文譯為“超文字標記語言 (HTML)”，主要是通過html標記對網頁中的文本，圖片，聲音等內容進行描述
<html>標記
<title>標記
<head>標記
<body>標記
<meta charset="utf-8">
b） 單標籤
注釋快速鍵：Ctrl+/
文本換行<br>
水平線標籤 <hr>
c） 雙標籤
段落標籤 <p></p>
標題標籤 <hn></hn> n的取值到6
文字標籤 <font></font>
d） 圖片標籤
<img src=”圖片的來源” alt=”替換文本” title=”提示文本” width=”寬” height=””>
e）超連結標籤
5.sublime快速鍵
6.列表
無序列表、有序列表、自訂欄表
a）無序列表ul
無序列表中type屬性的常用值有三個，它們呈現的效果不同.
預設值:disc
方塊:square
空心圓:circle
b）有序列表ol
<ol type=value1 start=value2>
<li></li>
</ol>
c）自訂欄表dl
<dl>
<dt>名詞1（定義小標題）</dt>
<dd>名詞1解釋1（解釋標題）</dd>
<dd>名詞1解釋2</dd>
...
<dt>名詞2</dt>
<dd>名詞2解釋1</dd>
<dd>名詞2解釋2</dd>
...
</dl>
7.表格
a）表格至少由<table>、<tr>、<td>標籤組成
<table 表格屬性>
<tr>行
<td></td>列
</tr>
</table>
b）表格屬性
c）caption標籤定義表格標題，每個表格只能定義一個標題，標題置中於表格之上
d）th表頭，常位於第一行或第一列，文本加粗置中。設定表頭只需要替換對應的td即可。
e） 儲存格合并
colspan=”2” 同一行儲存格合并
rowspan=”2” 同一列儲存格合并
8.表單（form）
a）表單的作用：資料擷取
action:處理資訊（把檔案提交給那個檔案處理）
method: get | post傳遞資訊的方法
get:通過瀏覽器地址欄傳遞資訊，安全性低。
post:通過action檔案來處理檔案，安全性高。
b）input控制項
c)textarea控制項
<textarea cols="每行中的字元數" rows="顯示的行數">
常值內容
</textarea>
d）select控制項
<select>
<option>選項1</option>
<option>選項2</option>
<option>選項3</option>
...
</select>
e）
表單資訊分組
<fieldset></fieldset> 對錶單資訊進行分組
<legend></legend> 分組名稱
9.標籤語義化
好的標籤語義化網站：去掉CSS，結構依然很清晰。
HTML基礎知識總結
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
