<tt id="kjox3"><noscript id="kjox3"><samp id="kjox3"></samp></noscript></tt><tt id="kjox3"><li id="kjox3"><var id="kjox3"></var></li></tt><cite id="kjox3"><noscript id="kjox3"><delect id="kjox3"></delect></noscript></cite>

<source id="kjox3"><menuitem id="kjox3"></menuitem></source>

  • <rt id="kjox3"></rt>
      <rp id="kjox3"></rp>

    1. <cite id="kjox3"></cite>
        <tt id="kjox3"><form id="kjox3"><delect id="kjox3"></delect></form></tt><rp id="kjox3"><meter id="kjox3"><button id="kjox3"></button></meter></rp>

      1. <tt id="kjox3"></tt>

        <rt id="kjox3"><meter id="kjox3"></meter></rt>
      2. <b id="kjox3"><form id="kjox3"><label id="kjox3"></label></form></b>

          網頁設計中的HTML標簽(一)

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

          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.1c4w.com/news/wzzz/3050.html

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

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

          網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
          鸭子tv国产在线永久播放