<html>
稱爲根標記,用於告知瀏覽器其自身是一個 HTML 文檔, <html>
標記標誌着HTML文檔的開始,</html>
標記標誌着HTML文檔的結束,在他們之間的是文檔的頭部和主體內容。
<html lang="en">
向搜索引擎表示該頁面是html語言,並且語言爲英文網站,其"lang"的意思就是“language”,語言的意思,而“en”即表示english,這個主要是給搜索引擎看的,搜索引擎不會去判斷該站點是中文站還是英文站,所以這句話就是讓搜索引擎知道,你的站點是中文站,對html頁面本身不會有影響.
<head>
標記用於定義HTML文檔的頭部信息,也稱爲頭部標記,緊跟在<html>
標記之後,主要用來封裝其他位於文檔頭部的標記。
一個HTML文檔只能含有一對<head>
標記,絕大多數文檔頭部包含的數據都不會真正作爲內容顯示在頁面中。
<title>
標記用於定義HTML頁面的標題,即給網頁取一個名字,必須位於<head>
標記之內。一個HTML文檔只能含有一對<title></title>
標記,<title></title>
之間的內容將顯示在瀏覽器窗口的標題欄中。其基本語法格式如下:<title>網頁名稱</title>
<body>
標記用於定義HTML文檔所要顯示的內容,也稱爲主體標記。瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位於<body>
標記內,<body>
標記中的信息纔是最終展示給用戶看的。一個HTML文檔只能含有一對<body>
標記,且<body>
標記必須在<html>
標記內,位於<head>
頭部標記之後.
-
雙標記也稱體標記,是指由開始和結束兩個標記符組成的標記。其基本語法格式如下:
<標記名></標記名>
-
單標記也稱空標記,是指用一個標記符號即可完整地描述某個功能的標記。其基本語法格式如下:
<標記名/>
- 水平線標記
<hr />
在網頁中常常看到一些水平線將段落與段落之間隔開,使得文檔結構清晰,層次分明。這些水平線可以通過插入圖片實現,也可以簡單地通過標記來完成,<hr />
就是創建橫跨網頁水平線的標記。其基本語法格式如下:
<hr />
是單標記,在網頁中輸入一個<hr />
,就添加了一條默認樣式的水平線。
- 換行標記
<br />
在HTML中,一個段落中的文字會從左到右依次排列,直到瀏覽器窗口的右端,然後自動換行。如果希望某段文本強制換行顯示,就需要使用換行標記<br />
,這時如果還像在word中直接敲回車鍵換行就不起作用了。
- 段落標記
<p></p>
在網頁中要把文字有條理地顯示出來,離不開段落標記,就如同我們平常寫文章一樣,整個網頁也可以分爲若干個段落,而段落的標記就是<p>
。
<p>
是HTML文檔中最常見的標記,默認情況下,文本在一個段落中會根據瀏覽器窗口的大小自動換行。
- 標題標記
爲了使網頁更具有語義化,我們經常會在頁面中用到標題標記,HTML提供了6個等級的標題,即<h1>
、<h2>
、<h3>
、<h4>
、<h5>
和<h6>
,從<h1>
到<h6>
重要性遞減。其基本語法格式如下:<hn>標題文本</hn>
- 文本樣式標記
多種多樣的文字效果可以使網頁變得更加絢麗,爲此HTML提供了文本樣式標記<font>
,用來控制網頁中文本的字體、字號和顏色。其基本語法格式如下:<font>文本內容</font>
- 文本格式化標記
在網頁中,有時需要爲文字設置粗體、斜體或下劃線效果,這時就需要用到HTML中的文本格式化標記,使文字以特殊的方式顯示。
文本格式化常用標記
標記 | 顯示效果 |
---|---|
<b></b> 和<strong></strong> |
文字以粗體方式顯示(XHTML推薦使用strong) |
<i></i> 和<em></em> |
文字以斜體方式顯示(XHTML推薦使用em) |
<s></s> 和<del></del> |
文字以加刪除線方式顯示(XHTML推薦使用del) |
<u></u> 和<ins></ins> |
文字以加下劃線方式顯示(XHTML不贊成使用u) |
<font></font> |
控制網頁文字顏色,大小,字體。 |
<strong></strong> 與<b></b> |
文字加粗 |
<em></em> 與<i></i> |
文字斜體 |
<ins></ins> 與<u></u> |
文字下劃線 |
<del></del> 與<s></s> |
文字刪除線 |
- 圖像標記
<img />
HTML網頁中任何元素的實現都要依靠HTML標記,要想在網頁中顯示圖像就需要使用圖像標記,接下來將詳細介紹圖像標記<img />
以及和他相關的屬性。其基本語法格式如下:<img src="圖像URL" />
該語法中src屬性用於指定圖像文件的路徑和文件名,他是img標記的必需屬性。
屬性 | 屬性值 | 描述 |
---|---|---|
src | URL | 圖像的路徑 |
alt | 文本 | 圖像不能顯示時的替換文本 |
title | 文本 | 鼠標懸停時顯示的內容 |
width | 像素(XHTML不支持%頁面百分比) | 設置圖像的寬度 |
height | 像素(XHTML不支持%頁面百分比) | 設置圖像的高度 |
- 創建超鏈接
<a></a>
在HTML中創建超鏈接非常簡單,只需用<a></a>
標記環繞需要被鏈接的對象即可,其基本語法格式如下:
<a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>
在上面的語法中,<a>
標記是一個行內標記,用於定義超鏈接,href和target爲其常用屬性,下面對它們進行具體地解釋。
href
:用於指定鏈接目標的url地址,當爲<a>
標記應用href屬性時,它就具有了超鏈接的功能。
target
:用於指定鏈接頁面的打開方式,其取值有_self
和_blank
兩種,其中_self爲默認值,_blank爲在新窗口中打開方式。
<base />
:可以設置整體鏈接的打開狀態。
注意:
- 暫時沒有確定鏈接目標時,通常將
<a>
標記的href屬性值定義爲“#”(即href="#"),表示該鏈接暫時爲一個空鏈接。 - 不僅可以創建文本超鏈接,在網頁中各種網頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。
- 超鏈接也可以做下載的功能,但是不推薦:
<a href="1.rar">下載</>
- 錨點鏈接
通過創建錨點鏈接,用戶能夠快速定位到目標內容。
創建錨點鏈接分爲兩步:
- 使用
“<a href=”#id名“>鏈接文本</a>”
創建鏈接文本。 - 使用相應的id名標註跳轉目標的位置。
定義:<a id="md">XXXX</a>
使用:<a href="#md">YYYYY</a>
- 特殊字符標記
特殊字符 | 描述 | 字符的代碼 |
---|---|---|
空格符 | |
|
< |
小於號 | < |
> |
大於號 | `> |
& |
和號 | & |
¥ |
人民幣 | ¥ |
© |
版權 | © |
® |
註冊商標 | ® |
° |
攝氏度 | ° |
± |
正負號 | ± |
× |
乘號 | × |
÷ |
除號 | ÷ |
² |
平方2(上標2) | ² |
³ |
立方3(上標3) | ³ |
- 列表介紹(list)
– 無序列表(ul
)
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
......
</ul>
無序列表中type
屬性的常用值有三個,它們呈現的效果不同.
默認值 : <ul type="disc">
實心圓
方塊 : <ul type="square">
空心圓 : <ul type="circle">
– 有序列表(ol
)
<ol>
<li>項一</li>
<li>項二</li>
</ol>
-有序列表其他屬性 type start
-語法格式:
<ol type=value1 start=value2>
<li></li>
</ol>
value1表示有序列表項目符號的類型, value2表示項目開始的數值. start是編號開始的數字,如start=2則編號從2開始,如果從1開始可以省略,或是在<li>
標籤中設定value="n"改變列表行項目的特定編號,例如<li value="7">
。type=用於編號的數字,字母等的類型,如type=a,則編號用英文字母。使用這些屬性,把它們放在<ol>
或<li>
的的初始標籤中。
type類型 | 描述 |
---|---|
Type=1 | 表示列表項目用數字表示(1,2,3……) |
Type=a | 表示列表項目用小寫字母表示(a,b,c…) |
Type=A | 表示列表項目用大寫字母表示(A,B,C…) |
Type=i | 表示列表項目用小寫羅馬數字表示(i,ii,iii….) |
Type=I | 表示列表項目用大寫羅馬數字表示(I,II,III…) |
一般type的設置同樣在css中設置
– 自定義列表(dl
)
定義列表常用於對術語或名詞進行解釋和描述,定義列表的列表項前沒有任何項目符號。其基本語法如下:
<dl>
<dt>名詞1</dt>
<dd>名詞1解釋1</dd>
<dd>名詞1解釋2</dd>
...
<dt>名詞2</dt>
<dd>名詞2解釋1</dd>
<dd>名詞2解釋2</dd>
...
</dl>