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="映像路徑" />