標籤之美一——HTML基礎元素

時間 2019-11-12

標籤標籤之美 html 基礎元素欄目 HTML 简体版

原文原文鏈接

標籤之美--HTML基礎標籤使用總結

HTML是一種標記語言，所以，標籤即是HTML的核心，一些基礎標籤的用法總結以下：html

一、<html></html>編程

任何HTML文件都會有這樣一個標籤，標記網頁的開始和結束。瀏覽器

二、<head></head>編程語言

頭部標籤中能夠包含許多網頁的頭信息。工具

三、<title></title>學習

這個標籤包含在頭部標籤內，其內容就是網頁顯示的標題，好比：ui

<html>
<head>
<title>個人HTML網頁</title>
</head>
</html>

結果以下：編碼

四、<meta>url

這是一個設置標籤，也叫元信息標籤，用於記錄和設置網頁的一些屬性。spa

其中：name屬性能夠用來設置關鍵字，簡要內容，網頁生成工具及網頁的製做者和網頁連接查詢權限，分別對應的字段爲：Keywords、Description、Generator、Author、Robots。

每個name的屬性，後面都要用contect進行解釋。對於Robots屬性，contect權限的說明以下：

all:文件和連接均可以被檢索

none:都不能夠被檢索

index:文件被檢索

follow:頁面上的連接被檢索

noindex：文件不被檢索，連接能夠被查詢

<meta charset="UTF-8"><!--告訴瀏覽器編碼格式-->

定時跳轉網頁：

<meta http-equiv="Refresh" content="5;url=http://www.baidu.com"><!--5S後將跳轉到百度網頁-->

五、<body></body>

顧名思義，網頁的主體內容寫在這個標籤裏。

下面這些標籤都是在<body>標籤下的：

六、<p></p>

段落標籤，示例以下：

<html>
<head>
<title>個人HTML網頁</title>
<meta charset="UTF-8">
</head>
<body>
<p>這是第一段</p><p>這是第二段</p>
</body>
</html>

七、<br>

換行標籤，以下：

<body>
這是第一行<br>這是第二行
</body>

八、<hr>

水平分割線，示例以下：

<body>
這是第一行
<hr>這是第二行
<hr size="12"><!--設置分割線寬度-->
這是第三行
<hr width="200"><!--設置分割線的長度-->
這是第四行
<hr width="100" align="left"><!--設置居左-->
</body>

在設置分割線的顏色以前，咱們先把HTML中顏色對應的代碼總結以下：

<body>
這是第一行
<hr color="#0C2DEC">這是第二行
<hr size="12" color="#FF0000"><!--設置顏色-->
這是第三行
<hr width="200" color="#730C0D">
這是第四行
<hr width="100" align="left" color="#158C4F">
</body>

取消分割線陰影：

<body>
這是第一行
<hr size="12"><!--設置分割線寬度-->
這是第二行
<hr size="16" noshade><!--取消分割線陰影-->
</body>

九、

註釋標籤，任何編程語言都會有註釋語句，這個就無需多說了。形式以下：

十、設置網頁背景色

<body>標籤中有一個屬性，能夠用來設置網頁的背景顏色：bgcolor

<body bgcolor="#002BF8"><!--設置背景爲藍色-->
這是第一行
<hr size="12"><!--設置分割線寬度-->
這是第二行
<hr size="16" noshade><!--取消分割線陰影-->
</body>

疏漏之處歡迎指正

學習使用歡迎轉載

專一技術，熱愛生活，交流技術，也作朋友。

——琿少 QQ羣：203317592

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。