<s id="z8ggw"><dfn id="z8ggw"></dfn></s>
<s id="z8ggw"></s>

<span id="z8ggw"><u id="z8ggw"></u></span>
  • <s id="z8ggw"></s>
    <u id="z8ggw"></u><s id="z8ggw"><dfn id="z8ggw"></dfn></s><dfn id="z8ggw"></dfn>
  • 網頁設計中的HTML標簽(一)

    • 2019-07-11 15:13:14
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.bibiworld.net

    HTML定義的標簽很多,下面對常用標簽進行說明,隨著學習不斷深入,相信會逐步掌握在網頁設計時HTML所有標簽的用法和使用技巧。

    1、文檔基本標簽在網站建設時主要用來標識文檔的基本結構,也是網頁設計中一個網頁文檔應該使用的基本標簽。 

    ?<!DOCTYPE>:定義文檔類型。

    ?<html>:定義HTML文檔。   

    ?<head>:定義關于文檔的信息。   

    ?<meta>:定義關于HTML文檔的元信息。   

    ?<title>:定義文檔的標題。   

    ?<body>:定義文檔的主體。   

    ?<h1>…<h6>:定義HTML標題。   

    ?<p>:定義段落。   

    ?<br>:定義簡單的折行。   

    ?<hr>:定義水平線。   

    ?<!--...-->:定義注釋。


    2. 格式標簽格式標簽主要用來標識文本區塊,并附帶一定的顯示格式。   

    ?<acronym>:定義首字母縮寫。   

    ?<abbr>:定義縮寫。

    ?<address>:定義文檔作者或擁有者的聯系信息。   

    ?<b>:定義粗體文本。   

    ?<bdi>:定義文本的文本方向,使其脫離其周圍文本的方向設置。  

    ?<bdo>:定義文字方向。   

    ?<big>:定義大號文本。  

    ?<blockquote>:定義塊引用。   

    ?<cite>:定義引用(citation)的源URL。   

    ?<code>:定義計算機代碼文本。   

    ?<del>:定義被刪除文本。   

    ?<dfn>:定義定義項目。   

    ?<em>:定義強調文本。   

    ?<i>:定義斜體文本。   

    ?<ins>:定義被插入文本。   

    ?<kbd>:定義鍵盤文本。   

    ?<mark>:定義有記號的文本。

    ?<meter>:定義預定義范圍內的度量。   

    ?<pre>:定義預格式文本。   

    ?<progress>:定義任何類型的任務的進度。   

    ?<q>:定義短的引用。   

    ?<rp>:定義若瀏覽器不支持ruby元素顯示的內容。   

    ?<rt>:定義ruby注釋的解釋。   

    ?<ruby>:定義ruby注釋。   

    ?<samp>:定義計算機代碼樣本。   

    ?<small>:定義小號文本。   

    ?<strong>:定義語氣更為強烈的強調文本。   

    ?<sup>:定義上標文本。  

    ?<sub>:定義下標文本。   

    ?<time>:定義日期/時間。   

    ?<tt>:定義打字機文本。   

    ?<var>:定義文本的變量部分。   

    ?<wbr>:定義視頻。

    【示例1】啟動Dreamweaver,新建文檔,保存為test.html。在代碼視圖下輸入下面代碼,分別使用<h1>和<p>標簽標識網頁標題和段落文本。

    <html>

    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>示例代碼</title>

    </head>

    <body>

    <h1>文本格式標簽</h1><p>& lt;p& gt;標簽標識段落文本</p>

    </body>

    </html>

    【示例2】使用Dreamweaver新建文檔,保存為test1.html。輸入下面代碼,分別使用各種字符格式標簽顯示一個數學方程式的解法。

    <html>

    <head>

    <meta http-equiv="Content-Type" 

    content="text/html; charset=utf-8" />

    <title>示例代碼</title>

    </head><body>

    <p>例如,針對下面這個一元二次方程:</p><p><i>x</i><sup>2</sup>-<b>5</b><i>x</i>+<b>4</b>=0</p>

    <p>我們使用<big><b>分解因式法</b></big>來演示解題思路如下:</p>

    <p><small>由:</small>(<i>x</i>-1)(<i>x</i>-4)=0</p>

    <p><small>得:</small><br /><i>x</i><sub>1</sub>=1<br />   <i>x</i><sub>2</sub>=4</p>

    </body>

    </html>

    3. 列表標簽

    在HTML文檔中,列表結構可以分為兩種類型:有序列表和無序列表。無序列表使用項目符號來標識列表,而有序列表則使用編號來標識列表的項目順序。具體使用標簽說明如下。   

    ?<ul>:定義無序列表。   

    ?<ol>:定義有序列表。   

    ?<li>:定義列表的項目。   

    ?<dl>:定義定義列表。   

    ?<dt>:定義定義列表中的項目。   

    ?<dd>:定義定義列表中項目的描述。   

    ?<menu>:定義命令的菜單/列表。   

    ?<menuitem>:定義用戶可以從彈出菜單調用的命令/菜單項目。   

    ?<command>:定義命令按鈕。

    【示例3】使用Dreamweaver新建文檔,保存為test2.html。輸入下面代碼,使用無序列表分別顯示了一元二次方程求解有4種方法。

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>示例代碼</title></head><body><h1>解一元二次方程</h1>

    <p>一元二次方程求解有4種方法:</p>

    <ul>

        <li>直接開平方法 </li>

        <li>配方法 </li>

        <li>公式法 </li>

        <li>分解因式法</li>

    </ul>

    </body>

    </html>

    按F12鍵,在瀏覽器中預覽。


    4. 鏈接標簽

    鏈接標簽可以實現把多個網頁聯系在一起。   

    ?<a>:定義錨。   

    ?<link>:定義文檔與外部資源的關系。   

    ?<nav>:定義導航鏈接。

    【示例5】新建文檔,保存為test4.html。輸入下面代碼,使用<a>標簽定義一個超鏈接,單擊該超鏈接可以跳轉到百度首頁。

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>示例代碼</title>

    </head>

    <body><a href="http://www.baidu.com/">去百度搜索</a>

    </body>

    </html>

    當前文章標題:網頁設計中的HTML標簽(一)

    當前URL:http://www.bibiworld.net/news/wzzz/3050.html

    上一篇:網頁設計中的HTML基本語法

    下一篇:網頁設計中的HTML標簽(二)

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    美女隐私免费网站,美女隐私全部免费网站,美女隐私网站免费看视频,美女隐私网站免费视频,美女隐私无遮挡网站视频,国产最大精品免费AV电影网站,国产最爽的乱婬视频,国产最爽的乱婬视频a,国产最新97超级碰碰碰碰碰久,国产最新99精品视频,巨胸流奶水视频www冈,巨胸美女露双奶头无圣光,巨胸喷奶水视频WWW,俱乐部换娇妻大杂交,剧情原创AV影视,人人操人人爽人人喊,人人操人人爽人人贱,人人操人人爽人人噜,人人操人人爽人人摸,人人操人人爽人人透,一圾黄色片一区二区_一个中国一级黄片儿_一个色综合高清在线观看,一女4p三黑人免费视频_一男一女真人免费A片_一男一女无遮掩一级毛片,一级婬片A级中文字幕_一级淫录像一区二区_一级一人片日本一级一大片,91九色国产社区在线观看,91九色蝌蚪熟女,91九色老熟女免费资源站,91九色私密保健,91九色自拍视频,一本高清无码dvd在线播放_一本高清码二区三区网站_一本高清码二区三区不卡。