一個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> 換行

效果圖
這裏寫圖片描述
代碼

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章