HTML-1

<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 />:可以設置整體鏈接的打開狀態。

注意:

  1. 暫時沒有確定鏈接目標時,通常將<a>標記的href屬性值定義爲“#”(即href="#"),表示該鏈接暫時爲一個空鏈接。
  2. 不僅可以創建文本超鏈接,在網頁中各種網頁元素,如圖像、表格、音頻、視頻等都可以添加超鏈接。
  3. 超鏈接也可以做下載的功能,但是不推薦:<a href="1.rar">下載</>

  • 錨點鏈接
    通過創建錨點鏈接,用戶能夠快速定位到目標內容。
    創建錨點鏈接分爲兩步:
  1. 使用“<a href=”#id名“>鏈接文本</a>”創建鏈接文本。
  2. 使用相應的id名標註跳轉目標的位置。
    定義: <a id="md">XXXX</a>
    使用: <a href="#md">YYYYY</a>

  • 特殊字符標記
特殊字符 描述 字符的代碼
空格符 &nbsp;
< 小於號 &lt;
> 大於號 `>
& 和號 &amp;
人民幣 &yen;
© 版權 &copy;
® 註冊商標 &reg;
° 攝氏度 &deg;
± 正負號 &plusmn;
× 乘號 &times;
÷ 除號 &divide;
² 平方2(上標2) &sup2;
³ 立方3(上標3) &sup3;

  • 列表介紹(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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章