HTML標簽是由尖括號包圍的關鍵詞,比如 <html>。HTML標簽的大小寫無關的,例如“主體”<body>跟<BODY>表示的意思是一樣的,推薦使用小寫。
HTML標簽通常是成對出現的,比如 <b> 和 </b>;但也有單獨呈現的標簽,如:<img src="1.jpg" />等。
一般成對出現的標簽,其內容在兩個標簽中間;標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽。單獨呈現的標簽,則在標簽屬性中賦值。如<h1>標題</h1>和 <input type="text" value="按鈕" />。
1、標題標簽: h1~h6 ctrl+1~6
2、段落標簽: p ctrl+shift+p
3、換行標簽: br shift+回車
4、水平線: hr
5、加粗標簽: strong ctrl+b
6、傾斜標簽: em ctrl+i
7、空格標簽:
8、圖片標簽:<img src=’圖片路徑’ alt=’圖片加載錯誤提示文字’ title=’鼠標懸停文字’ width=’寬度’ height=’高度’ />
9、超鏈接:<a href=’鏈接路徑’ traget=’_blank’>文本/圖片</a>
10、錨鏈接:
(1) 定義錨:給標簽加id屬性,id=”top”
(2) 跳轉到錨:<a href=”#top”>top</a>
11、行級標簽
1.Strong
2.Em
3.A
4.Img
12、塊級標簽
1.標題標簽
2.段落標簽
Display:inline-block設置元素具有行級標簽和塊級標簽的屬性
.da dl dd p:nth-of-type(1):當dd下面的段落p有好幾個的時候,你有只想給第一個段落p加樣式的時候用到這個!!!
Float:浮動
Z-index:層次 z-index:1比z-index:2 低一層
設置div半透明的代碼:opacity:0.7;
設置div溢出隱藏的代碼:overflow:hidden;
設置css的動畫效果:transition: all 0.5s linear
設置css時圖片在div中同比例放大或者同比例縮小:transform: scale(1.1)
這些就是HTML的標簽
基本
<html>…</html> 定義 HTML 文檔
<head>…</head> 文檔的信息
<meta> HTML 文檔的元信息
<title>…</title> 文檔的標題
<link> 文檔與外部資源的關系
<style>…</style> 文檔的樣式信息
<body>…</body> 可見的頁面內容
<!--…--> 注釋
文本
<h1>...</h1> 標題字大小
(h1~h6)<b>...</b> 粗體字
<strong>...</strong> 粗體字(強調)
<i>...</i> 斜體字
<em>...</em> 斜體字(強調)
<u>...</u> 下劃線
<del>...</del> 刪除線(表示刪除)
<center>…</center> 居中文本(HTMl5已不支持center標簽,可用樣式text-align:center代替)
<ul>…</ul> 無序列表
<ol>…</ol> 有序列表
<li>…</li> 列表項目
<a href=”…”>…</a> 超鏈接
<font> 定義文本字體尺寸、顏色、大小
<sub> 下標<sup> 上標<br> 換行<p> 段落
圖形
<img src=’”…”> 定義圖像
<hr> 水平線
表格
<table>…</table> 定義表格
<th>…</th> 定義表格中的表頭單元格
<tr>…</tr> 定義表格中的行
<td>…</td> 定義表格中的單元
其它
<form>…</form> 定義供用戶輸入的 HTML 表單
<frame> 定義框架集的窗口或框架
想學更多前端知識,可以關注中公優就業。