一個HTML簡單例項
阿新 • • 發佈:2018-12-23
超文字標記語言(英語: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> 換行
效果圖
程式碼