我的HTML总结之常用基础便签
HTML：是Hyper Text Markup Language（超級文本標(biāo)記語言）的縮寫，HTML不是一種程序，只是一種控制網(wǎng)頁中數(shù)據(jù)顯示的標(biāo)識語言。
?
HTML由一組標(biāo)簽組成。
?
HTML的基本結(jié)構(gòu)
?
?<html>
?
???<head>
?
?????<title>第一個HTML示例</title>
?
???</head>
?
???<body>
?
?????HTML的基本結(jié)構(gòu)
?
???</body>
?
?</html>
HTML在瀏覽器中運(yùn)行。
HTML是純文本文件，所以可以使用任何一款文本編輯器編輯。
?
?
1.實(shí)際應(yīng)用中記住以下幾種便簽的就ok了：
?
塊級標(biāo)簽：<div> <h> <ul> <li>?<p>?<form> 占滿一行,可以設(shè)置寬，高
?
行級標(biāo)簽：<span> <a> 只占用自己的大小，不可以設(shè)置寬，高。
?
行內(nèi)塊標(biāo)簽：<img>?<input> 只占用自己的大小，但可以設(shè)置寬，高。?
?
換行標(biāo)簽<br/>
空格$nbsp
?
<!--注釋?-->
?
關(guān)于<a>標(biāo)簽
a標(biāo)簽的一些常用屬性：href、title、target、name（錨記時用）
<a ?href="目標(biāo)網(wǎng)址" ?title="鼠標(biāo)滑過顯示的文本" ?target="_blank">鏈接顯示的文本</a> _blank在新窗口中打開，_self在自己的窗口中打開
<a>中還可以嵌套圖片，這樣就是點(diǎn)擊圖片打開鏈接
<a href="www.baidu.com"><img src="aaa.jpg" /> </a>通過a標(biāo)簽在自己內(nèi)部跳轉(zhuǎn)
第一步寫個錨：
第二步寫鏈接到錨：
?
?
2.列表與表格標(biāo)簽
無序列表標(biāo)簽<ul>。
???格式：
???<ul type=""><li></li></ul>
ul-li在網(wǎng)頁中顯示的默認(rèn)樣式一般為：每項(xiàng)li前都自帶一個圓點(diǎn) 默認(rèn)會在css初始化的時候用：list-style:?
???type設(shè)置標(biāo)號的類型，值可以取：
???1 disc ：實(shí)心圓點(diǎn)
???2 circle ?：空心圓點(diǎn)
???3 square ?：實(shí)心方塊
?
有序列表的每項(xiàng)都有連續(xù)的編號。
格式：
<ol type="" start="">
?<li></li>
type設(shè)置標(biāo)號的類型，值可以取：
??1：顯示數(shù)字
??A：顯示大寫字母
??a：顯示小寫字母
??I：顯示大寫羅馬數(shù)字
??i：顯示小寫羅馬數(shù)字
start取值：數(shù)字
?
嵌套列表：一個列表作為另一個列表的一部分，即多層列表。
?
HTML中的表格通過<table>、<tr>、<td>、<th>四個標(biāo)簽完成。 (現(xiàn)在用的很少了，基本都用現(xiàn)成的表格UI組件)
cellspacing、cellpadding 在tale便簽上寫，清除單元格之間的空隙和單元格內(nèi)的填充
rowspan、colspan 在td單元格內(nèi)寫，合并單元格的行和列
?
?
總結(jié)
以上是生活随笔為你收集整理的我的HTML总结之常用基础便签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： CSS--居中方式总结
- 下一篇： 如何在Hexo中实现自适应响应式相册功能