首先，我們要來了解一下一個簡單的HTML頁面架構是什么樣子的：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
HTML頭部元素：
head元素
· 是所有頭部元素的容器
· < title >,< base >,< link >,< meta >,< script >和< style >可以添加到< head >部分
title元素
· 用來定義檔案的標題
· 能夠定義瀏覽器工具列里的標題
· 能夠提供頁面被添加到收藏夾時顯示的標題
· 能夠顯示搜索引擎結果中的頁面標題
meta元素
· 可提供有關頁面的元資料（metadata,是關于資料的資訊），比如針對搜索引擎和更新頻度的描述和關鍵字，元資料不會顯示在頁面上，但對于機器是可讀的，
· < meta >標簽始終位于 head 元素中，
· 下面的 meta 元素定義頁面的描述：
<meta name="description" content="蘇酥su is a handsome boy" />
· 下面的 meta 元素定義頁面的關鍵字：
<meta name="keywords" content="brave,handsome,rich" />
link元素
· 定義檔案與外部資源之間的關系
· 最常用于連接樣式表：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
· rel屬性：規定鏈接型別，指當前檔案與被鏈接檔案之間的關系
· type屬性：指定所連接檔案的MIME型別，css的MIME是type/css，一般使用type=“text/css”
· href屬性：定義資源的鏈接URL，內容為一個絕對URL鏈接或一個相對URL鏈接（同一目錄下名為mystyle.css的檔案）
| 絕對路徑 | 非常明確的指向目標地址，常用于指向另一個網站，如"http://…" |
| 相對路徑 | 方便于網站內部某些檔案之間的移放,如"/…" |
script元素
· 用于定義客戶端腳本，比如JavaScript
HTML常用標簽：
< !-- … -->和< p >…< /p >標簽
· < !- -這是一段注釋，注釋不會在瀏覽器中顯示，-- >
· < p>這是一段普通的段落，< /p>
< h1> ~ < h6>標簽
· 這是標題標簽，從 h1 到 h6 及為從大到小
< br>標簽
· 是換行標簽，只是簡單地開始新的一行，與< p>有區別
< hr>標簽
· 是換行線標簽，在HTML頁面中創建一條水平線
< strong>,< b>,< i>,< u>標簽
· < strong>標簽顯示加粗文本效果
· < b>標簽顯示加粗文本效果
· < i>標簽顯示斜體文本效果
· < u>標簽顯示下劃線文本效果（如果文本不是超鏈接，就不要對其使用下劃線）
< sup>,< sub>,< del>,< font>標簽
· < sup>標簽可定義上標文本
· < sub>標簽可定義下標文本
· < del>標簽顯示洗掉線文本效果
· < font>標簽規定字體屬性，face – 規定文本的字體，size – 規定文本的大小，color – 規定文本的顏色
< pre>標簽
· < pre>標簽的一個常見應用就是用來表示計算機的源代碼，可以將代碼樣式原樣輸出
（若有錯誤與不足之處也希望大家幫忙指出∩ω∩）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/148055.html
標籤：其他
下一篇：求大神支招資料匯總問題