一、元數(shù)據(jù)
標(biāo)簽有很多缀遍，需要慢慢發(fā)掘。
<meta charset="utf-8">
指定文檔字符的編碼饱须。utf-8是一個(gè)通用的字符集域醇。也可以修改為其它的字符編碼。
- 添加作者和描述
<meta name="author" content="離歌">
許多<meta>元素包含了name和content特性:
name：指定了meta元素的類型，說(shuō)明該元素包含了什么類型的信息譬挚。content：指定了實(shí)際元數(shù)據(jù)內(nèi)容锅铅。定義頁(yè)面描述
<meta name="Description" content="網(wǎng)易是中國(guó)領(lǐng)先的互聯(lián)網(wǎng)技術(shù)公司，為用戶提供免費(fèi)郵箱减宣、游戲盐须、搜索引擎服務(wù)" />
- MDN還這樣描述一段話:
- 設(shè)置頁(yè)面的定時(shí)跳轉(zhuǎn)
<meta http-equiv="Refresh" content="2" url="http://www.baidu.com/">
2秒鐘后跳轉(zhuǎn)到百度頁(yè)面。
content:間隔時(shí)間(秒)漆腌，Refresh：表示頁(yè)面刷新贼邓。自定義站點(diǎn)圖標(biāo)
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
二、HTML標(biāo)簽
-
段落標(biāo)簽
<p>天天向上</p>
<p>好好學(xué)習(xí)</p>
HTML不區(qū)分大小寫(xiě)闷尿，我們一般使用小寫(xiě)塑径，看得更直觀一些。
大部分的文本結(jié)構(gòu)都是由標(biāo)題和段落組成填具。
- 標(biāo)題標(biāo)簽
最好每個(gè)頁(yè)面使用一次h1-頂級(jí)標(biāo)題统舀。
<h1>我是h1</h1>
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>
列表Lists
- 無(wú)序列表
<ul>的每一項(xiàng)是<li>
<ul type="disc">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
type屬性值：
-
disc:默認(rèn)值，黑色圓點(diǎn) -
circle：空心圓 -
square:正方形符號(hào)
li不能單獨(dú)存在,必須包裹在ul里面劳景。
有序列表：
<ol>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
<li>星期六</li>
<li>星期日</li>
</ol>
網(wǎng)頁(yè)上經(jīng)常會(huì)用有序列表排列文字誉简。
定義列表
定義列表有兩部分組成:定義條件和定義描述.。
dt盟广、dd只能在dl里面闷串。
<dl>
<dt>今天</dt>
<dd>星期一</dd>
<dd>星期二</dd>
<dd>星期三</dd>
<dt>明天</dt>
<dd>星期四</dd>
<dd>星期五</dd>
<dd>星期六</dd>
</dl>
ul標(biāo)簽的應(yīng)用場(chǎng)景
- 導(dǎo)航條一般是無(wú)序列表，或者a鏈接筋量。
超鏈接的屬性 -
href：目標(biāo)URL窿克。 -
title:懸停文本。 -
name：主要用于設(shè)置一個(gè)錨點(diǎn)的名稱毛甲。 -
target：告訴瀏覽器用什么方式來(lái)打開(kāi)目標(biāo)頁(yè)面。target屬性有以下幾個(gè)值：
_self：在同一個(gè)網(wǎng)頁(yè)中顯示（默認(rèn)值）具被。
_blank：在新的窗口中打開(kāi)玻募。
_parent：在父窗口中顯示。
_top：在頂級(jí)一姿。
使用title屬性添加支持信息
<p> 請(qǐng)點(diǎn)擊
<a href="#" title="為了您的信息安全,請(qǐng)不要隨意輸入賬號(hào)密碼!">登錄</a>
</p>
塊級(jí)鏈接
將圖片轉(zhuǎn)換為鏈接,把圖片放到<a></a>標(biāo)簽中間七咧。
<a >
<img src=" " alt="武當(dāng)山">
</a>
圖片標(biāo)簽 img。
可插入的圖片類型有:gif叮叹、jpg艾栋、png。
img的屬性定義：
-
src:圖像的源文件蛉顽。
<img src="圖片地址" width="400px" hegiht="200px">
-
alt:圖片顯示不出來(lái)的時(shí)候提示的文字蝗砾。
<img src="圖片地址" width="400px" hegiht="200px" alt="提示的文字">
-
width、height：寬度和高度。 -
border:邊框悼粮。
屬性有很多闲勺，這里就寫(xiě)常用的。
相對(duì)路徑和絕對(duì)路徑
- 相對(duì)路徑：相對(duì)于頁(yè)面所在的路徑扣猫。兩個(gè)標(biāo)記
.和..分別代表當(dāng)前目錄和父路徑菜循。
<!-- 當(dāng)前路徑 -->
<img src="1.jpg">
<!-- 上一級(jí)路徑 -->
<img src="./1.jpg">
絕對(duì)路徑的兩種寫(xiě)法:
- 網(wǎng)絡(luò)路徑
<img src = "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=400924126,3689161470&fm=26&gp=0.jpg"> - 盤(pán)符路徑
<img src="C:\Users\Desktop\html\img\1.jpg">
盡可能的使用相對(duì)鏈接。檢測(cè)代碼要容易的多申尤。
瀏覽器只在同一服務(wù)器上查找被請(qǐng)求的文件癌幕，則需要使用絕對(duì)路徑。
表單元素<input>
HTML <input>元素用于交互式控件昧穿。
表單處理程序action和傳送方法method是必不可少的參數(shù)
語(yǔ)法：
<form action="要提交的地址"></form>
action：可以是絕對(duì)地址勺远，也可以是相對(duì)地址。
1粤咪、name表單名稱用于給表單命名谚中，為了防止混亂，一般需要命名寥枝。
<form name="form1" action="提交地址"></form>
2宪塔、傳送方法method。表單的method屬性用于指定在數(shù)據(jù)提交服務(wù)器的時(shí)候使用哪種HTTP提交方法：get或post囊拜。
屬性:
-
type="屬性值"：文本類型屬性可以是：
text：(默認(rèn))某筐。
password：密碼類型。
radio：?jiǎn)芜x按鈕冠跷。
checkbox:多選按鈕南誊。
checked:按鈕處于選中狀態(tài)。
submit：提交按鈕蜜托。
reset：重置按鈕抄囚。清空當(dāng)前表單內(nèi)容。
img：圖片按鈕
button：普通按鈕橄务，結(jié)合js代碼進(jìn)行使用幔托。
file：文件選擇框。
value="內(nèi)容"：文本框里的默認(rèn)內(nèi)容(已經(jīng)被填好的)
size="15"：表示文本框可以顯示15個(gè)字符蜂挪，一個(gè)英文或一個(gè)中文都算一個(gè)字符重挑。
readonly：文本框只能,不能編輯。
disabled:文本框只讀棠涮，不能編輯谬哀。
下拉列表
<select>:下拉列表標(biāo)簽。
<select>：標(biāo)簽里面的每一項(xiàng)用<option>表示select是選擇,option是選項(xiàng)严肪。
