1. 程式人生 > >一個HTML簡單例項

一個HTML簡單例項

超文字標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於建立網頁的標準標記語言,可以用來建立web站點。
這裡實現一個簡單的靜態網頁的例子。

注意:對於中文網頁需要使用 <meta charset="utf-8"> 宣告編碼,否則會出現亂碼。有些瀏覽器會設定 GBK 為預設編碼,則你需要設定為 <meta charset="gbk">。

一些簡單的標籤含義:

<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文件的元(meta)資料
<title> 元素描述了文件的標題
<body
>
元素包含了可見的頁面內容 <h1> 元素定義一個大標題 <p> 元素定義一個段落
標題和段落的用法:
<html>
<head>
<meta charset="utf-8">
<title>html簡單例項</title>
</head>
<body>
 <h1>這裡標記第一個標題</h1>
 <p>這裡標記第一個段落</p>
 </body>
</html>

效果圖
這裡寫圖片描述

HTML通過<h1> - <h6>

標籤來定義標題.
每一級標題字型大小都不一樣

<h1>這是第一個標題</h1>
<h2>這是第二個標題</h2>
<h3>這是第三個標題</h3>
<h4>這是第四個標題</h4>
<h5>這是第五個標題</h5>
<h6>這是第六個標題</h6>

效果圖
這裡寫圖片描述

基本元素

 1. <p>標記段落開頭</p>標記段落結束
 2. <a href="test.html">標記一個超連結</a>(href=後面的是連結地址)
 3. <body
>
標記HTML文件的主體 4. <head>標記文件的頭部 5. <hx>標記標題(x表示標題級別x={1,2,3,4,5,6}其中級別1字型最大) 6. <hr />定義一條水平線 7. <!-- 註釋 -->註釋格式 8. <font size="x">文字</font>自定義文字的字型,x為字型大小 9. <br> 換行

效果圖
這裡寫圖片描述
程式碼

這裡寫圖片描述