0二、HTML 基礎

一、HTML 標題

HTML 標題(Heading)是經過<h1> - <h6> 標籤來定義的.html

<!DOCTYPE html>spa

<html>htm

<head>blog

<meta charset="utf-8">圖片

<title>靈_夜</title>utf-8

</head>ci

<body>it

 

<h1>這是標題 1</h1>table

<h2>這是標題 2</h2>meta

<h3>這是標題 3</h3>

<h4>這是標題 4</h4>

<h5>這是標題 5</h5>

<h6>這是標題 6</h6>

 

</body>

</html>

 

 

二、HTML 段落

HTML 段落是經過標籤 <p> 來定義的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>靈_夜</title>

</head>

<body>

 

<p>這是一個段落。</p>

<p>這是一個段落。</p>

<p>這是一個段落。</p>

 

</body>

</html>

 

 

三、HTML 連接

HTML 連接是經過標籤 <a> 來定義的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>靈_夜</title>

</head>

<body>

 

<a href="//www.baidu.com">這是一個連接使用了 href 屬性</a>

 

</body>

</html>

 

 

提示:在 href 屬性中指定連接的地址。

四、HTML 圖像

HTML 圖像是經過標籤 <img> 來定義的.

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>靈_夜</title>

</head>

<body>

 

<img src="/images/logo.png" width="258" height="39" />

 

</body>

</html>

 

注意: 圖像的名稱和尺寸是以屬性的形式提供的。以上例子src必定是存在的圖片,固然能夠指定電腦上的一張圖片,不然會出現錯誤。

說明:

 

相關文章
相關標籤/搜索