一,網頁基礎結構:
|
注意:在HTML中,標簽大部分都是成對出現的。有開始就有結束
如果不是成對出現的標簽,在標簽的后面加上/表示結束。
二、基本標簽
1、h1-h6 標題標簽
2、em 斜體
3、strong 粗體
4、hr 切割線
5、br 換行
6、p 段落標簽
7、 特殊符號,空格
8、> 特殊符號,>
9、< 特殊符號,<
10、" 特殊符號,"
11、© 特殊符號,版權符號
12、<!-- -->注釋
13、img 圖片標簽
屬性:src:圖片的路徑,alt:當圖片找不到時,顯示的文字
title:鼠標懸浮顯示的文字
用法:
<img src="..." alt="..." title="..."/>
14、a 超鏈接標簽
屬性:href:鏈接到哪里去
用法:
<a src="...">鏈接</a>
錨鏈接
先在一個位置寫上<a name="?"></a>
然后另一個位置寫上<a href="?"></a>
點擊這個鏈接,會找到這個?所在的位置
用法:
<a name="?">鏈接到這了來</a>
<a href="?">從這了鏈接</a>
15、ul-li 無序列表
用法:
<ul>
<li>列表項1</li>
.......
<li>列表項n</li>
</ul>
注意:沒有順序,每一個li就是一行
默認情況下,每一個li前面都有一個實心小點
16、ol-li 有序列表
用法:
<ol>
<li>列表項1</li>
.......
<li>列表項n</li>
</ol>
就是將無序列表的實心小點換成了序號
17、dl-dt-dd定義列表
用法:
<dl>
<dt>標題1</dt>
<dd>內容1</dd>
<dt>標題2</dt>
<dd>內容2</dd>
</dl>
實現效果:
標題1
內容1
標題2
內容2
18、表單元素
a、text 單行文本框
b、password 密碼框
c、radio 單選按鈕
d、file 文件選擇器
e、checkbox 復選框
f、select 下拉列表
g、submit 提交按鈕
h、reset 重置按鈕
新聞熱點
疑難解答
圖片精選