html的常見(jiàn)標(biāo)簽
編寫(xiě)一篇博客
<h1> ...</h1> ：一級(jí)標(biāo)題
<h2> ...</h2> ：二級(jí)標(biāo)題
<h3> ...</h3> ：三級(jí)標(biāo)題
<h4> ...</h4> ：四級(jí)標(biāo)題
<h5> ...</h5> ：五級(jí)標(biāo)題
<h6> ...</h6> ：六級(jí)標(biāo)題
<p> ... </p>：段落標(biāo)簽，文字會(huì)獨(dú)占一行
<i> ... </i>：文字斜體
<b> ... </b>：文字會(huì)出現(xiàn)加粗效果
<br>：換行標(biāo)記
<hr> ：水平線
：網(wǎng)頁(yè)顯示一個(gè)空格
編寫(xiě)一篇博客
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h1>論數(shù)學(xué)的重要性</h1>
<i>2019.11.09</i>
<hr />
<p>
今天我打電話叫了個(gè)12寸的披薩
</p>
<p>
服務(wù)員告訴我
</p>
<p>
12寸沒(méi)有了暑刃，換兩個(gè)6寸行不行
</p>
<p>
我說(shuō)可以
</p>
<p>
最后發(fā)現(xiàn)我虧了讼积，這個(gè)故事告訴我們，<b>數(shù)學(xué)很重要！</b>
</p>
</body>
</html>
效果：
百度新聞列表
<a href = "...">xxx</a> ：超鏈接
<img src = "..." /> ：圖片
無(wú)序列表：
<ul>
<li>
列表項(xiàng)目
</li>
</ul>
有序列表：
<ol>
<li>
列表項(xiàng)目
</li>
</ol>
<ol>標(biāo)簽屬性
-
type="1"數(shù)字排序 -
type="a"和type="A"字母排序 -
type="i"和type="I"羅馬數(shù)字排序
百度新聞列表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度新聞列表</title>
</head>
<body>
<h1>廣州新聞 <img src="../img/1.png" /></h1>
<ul>
<li>
<a >廣州發(fā)布最新文化發(fā)展報(bào)告，人均文化消費(fèi)漲了200</a>
</li>
<li>
<a >太燃了！法語(yǔ)音樂(lè)劇《搖滾紅與黑》廣州上演</a>
</li>
</ul>
<ol>
<li>
<a >廣州發(fā)布最新文化發(fā)展報(bào)告陈肛，人均文化消費(fèi)漲了200</a>
</li>
<li>
<a >太燃了！法語(yǔ)音樂(lè)劇《搖滾紅與黑》廣州上演</a>
</li>
</ol>
</body>
</html>
效果：
圖片標(biāo)簽的使用
<img>標(biāo)簽屬性
-
src：源地址 -
title：鼠標(biāo)放上去時(shí)顯示 -
alt：圖片加載失敗時(shí)顯示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img src="../img/1.jpg" height="300px"/>
<img src="../img/2.jpg" height="300px"/>
<img src="../img/3.jpg" height="300px"/>
</body>
</html>
圖片默認(rèn)從左往右排列兄裂，排列受最大的圖片寬度和高度影響句旱。
給圖片標(biāo)簽只設(shè)置width或height屬性，就會(huì)自動(dòng)按照?qǐng)D片比例縮放晰奖。如果width和height同時(shí)設(shè)置谈撒，可能會(huì)導(dǎo)致圖片變形。
補(bǔ)充
<del> ... </del>給文字添加刪除線
<sup> ... </sup>給文字變成上標(biāo)
<u> ... </u>給文字加下劃線
<center> ... </center>把文字居中
表格
<table> ... </table>表格
<tr> ... </tr>表示一行
<td> ... </td>表示單元格
<col>代表一列
屬性:
-
border="1px"表格邊框?qū)傩?/li> -
cellspacing="0"單元格空隙 -
align="center"對(duì)齊方式
合并水平單元格：其實(shí)就是讓一個(gè)單元格占多個(gè)基本單元格的大小colspan屬性
表單提交
<form> ... </form> action屬性表示提交地址
<input />：
- 所有提交的數(shù)據(jù)由input指定,必須設(shè)置name屬性;
- input按鈕的文字由value屬性表示畅涂；
- input必須放在form標(biāo)簽內(nèi)才能提交
<input>標(biāo)簽常見(jiàn)類(lèi)型
-
type="text"文本輸入框 -
type="password"密碼輸入框 -
type="radio"單選框 -
type="checkbox"復(fù)選框 -
type="button"普通按鈕 -
type="submit"提交按鈕 -
type="reset"重置按鈕 -
type="file"文件選擇框
form表單get請(qǐng)求和post請(qǐng)求
- get請(qǐng)求通常表示獲取數(shù)據(jù)
- post請(qǐng)求通常表示提交數(shù)據(jù)
- get請(qǐng)求發(fā)送的數(shù)據(jù)都寫(xiě)在地址欄上港华，用戶(hù)可見(jiàn)
- post請(qǐng)求發(fā)送的數(shù)據(jù)用戶(hù)不可見(jiàn)
- get請(qǐng)求不能提交大量數(shù)據(jù)，post可以午衰，不要混用
