HTML學習總結--基礎標簽
一、什么是HTML
HTML:是Hyper Text Markup Language(超級文本標記語言)的縮寫,HTML不是一種程序,只是一種控制網頁中數據顯示的標識語言。
二、HTML的基本結構
HTML由一組標簽組成。
HTML的基本結構
<html>
<head>
<title>第一個HTML示例</title>
</head>
<body>
<!--編輯你的HTML-->
</body>
</html>
HTML在瀏覽器中運行。
HTML是純文本文件,所以可以使用任何一款文本編輯器編輯。
三、常用的HTML標簽
塊級標簽:<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>
2.列表與表格標簽
無序列表標簽<ul>。
格式:
<ul type=""><li></li></ul>
ul-li在網頁中顯示的默認樣式一般為:每項li前都自帶一個圓點 默認會在css初始化的時候用:list-style: none;
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的知識非常重要,它是我們學習以后知識的基礎,大量的標簽不可能全部記住,掌握一部分基礎的標簽,知道HTML可以完成的功能,在具體使用的時候查找HTML手冊,經過多次的實踐,可以精確掌握這一部分知識,總之,實踐對我們無疑是非常必要的。