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