<html>
<body>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標籤定義。</p>
</body>
</html>
什麼是HTML?
HTML是用來描述網頁的一種語言。
- HTML指的是超文本標記語言(Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
HTML標籤
HTML標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞,比如 <html>
- HTML 標籤通常是成對出現的,比如 <b> 和 </b>
- 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
- 開始和結束標籤也被稱爲開放標籤和閉合標籤
HTML文檔=網頁
- HTML文檔描述網頁
- HTML文檔包含HTML標籤和純文本
- HTML文檔也被稱爲網頁
Web 瀏覽器的作用是讀取 HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤,而是使用標籤來解釋頁面的內容:
<html>
<body>
<h1>My First Programme.</h1>
<p>My first paragraph.</p>
</body>
</html>
例子解釋
- <html> 與 </html> 之間的文本描述網頁
- <body> 與 </body> 之間的文本是可見的頁面內容
- <h1> 與 </h1> 之間的文本被顯示爲標題
- <p> 與 </p> 之間的文本被顯示爲段落
HTML標題
HTML 標題(Heading)是通過 <h1> - <h6> 等標籤進行定義的。
實例
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>請僅僅把標題標籤用於標題文本。不要僅僅爲了產生粗體文本而使用它們。請使用其它標籤或 CSS 代替。</p>
</body>
</html>
HTML段落
HTML 段落是通過 <p> 標籤進行定義的。
實例
<html>
<body>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標籤定義。</p>
</body>
</html>
HTML鏈接
HTML 鏈接是通過 <a> 標籤進行定義的。
實例
<html>
<body>
<a href="http://blog.csdn.net">
This is a link</a>
</body>
</html>
註釋:在 href 屬性中指定鏈接的地址。
HTML圖像
HTML 圖像是通過 <img> 標籤進行定義的。
實例
<html>
<body>
<img src="圖像URL" width="寬度" height="高度" alt="註釋 " border="邊框高度"/>
</body>
</html>
註釋:圖像的名稱和尺寸是以屬性的形式提供的。
img介紹:
- src後跟的是圖片路徑地址
- width設置圖片寬度
- height設置圖片高度