HTML:是Hyper Text Markup Language(超級文本標記語言)的縮寫,HTML不是一種程式,只是一種控制網頁中數據顯示的標識語言。 HTML由一組標簽組成。 HTML的基本結構 <html> <head> <title>第一個HTML示例</title> </head> <bo ...
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單元格內寫,合併單元格的行和列