HTML二(基本標籤),html標籤

來源:互聯網
上載者:User

HTML二(基本標籤),html標籤
一、標題

HTML 標題(Heading)是通過 <h1> - <h6> 等標籤進行定義的。

<!--標題--><h1>標題 1</h1><h2>標題 2</h2><h3>標題 3</h3><h4>標題 4</h4><h5>標題 5</h5><h6>標題 6</h6><!--段落--><p>請僅僅把標題標籤用於標題文本。不要僅僅為了產生粗體文本而使用它們。請使用其它標籤或 CSS 代替。</p>

結果:

標題 1標題 2標題 3標題 4標題 5標題 6二、段落

HTML 段落是通過 <p> 標籤進行定義的。

<p>這是段落。</p><p>這是段落。</p><p>這是段落。</p><p>段落元素由 p 標籤定義。</p> 

結果:

這是段落。

這是段落。

這是段落。

段落元素由 p 標籤定義。

<!--多行段落和段落中有空格--><p>這個段落在原始碼中包含許多行但是瀏覽器忽略了它們。</p><p>這個段落在原始碼       中包含   許多行但是      瀏覽器忽略了  它們。</p><p>段落的行數依賴於瀏覽器視窗的大小。如果調節瀏覽器視窗的大小,將改變段落中的行數。</p>

結果:

這個段落 在原始碼中 包含許多行 但是瀏覽器 忽略了它們。

這個段落 在原始碼 中 包含 許多行 但是 瀏覽器 忽略了 它們。

段落的行數依賴於瀏覽器視窗的大小。如果調節瀏覽器視窗的大小,將改變段落中的行數。

<h1>春曉</h1><p>    春眠不覺曉,      處處聞啼鳥。        夜來風雨聲,          花落知多少。</p><p>注意,瀏覽器忽略了原始碼中的排版(省略了多餘的空格和換行)。</p>

結果:

春曉

春眠不覺曉, 處處聞啼鳥。 夜來風雨聲, 花落知多少。

注意,瀏覽器忽略了原始碼中的排版(省略了多餘的空格和換行)。

三、連結

HTML 連結是通過 <a> 標籤進行定義的。

<a href="http://www.163.com">這是一個串連</a>

結果:這是一個串連

<!--在新的瀏覽器視窗開啟連結 target值設定為_blank--><a href="http://www.163.com" target="_blank">這是一個連,在新視窗中開啟</a>
3.1、錨連結

在同一頁面內的串連,從一個位置跳到另一個位置

建立錨

<a name="錨名">顯示名稱1</a>

串連錨

<a href="#錨名">串連顯示名稱1</a>

<a href="#a4">串連到a4</a><a name="a4">a4</a>
四、映像

HTML 映像是通過 <img> 標籤進行定義的。

<img src="映像路徑"  />

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.