溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“HTML基礎標簽有哪些”，內容詳細，步驟清晰，細節處理妥當，希望這篇“HTML基礎標簽有哪些”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
什么是HTML：
超文本標記語言，一種純文本類型的語言；使用帶“尖括號”的“標記”將網頁中的內容標識出來；
標記語法：
HTML用于描述功能的符號稱為“標記”；
標記在使用時必須用“尖括號”括起來；
封閉標記：
封閉標記又叫雙標記，必須成對出現；<標記>內容</標記>；
非封閉標記：
又叫空標記或者單標記；<標記 /> 或者 <標記>
Xhtml于2000年1月成為W3C標準；Xhtml是更嚴格更純凈的HTML版本；
HTML文檔結構：
1、聲明--文檔類型聲明；聲明必須寫在文檔的最開始部分；
2、頁面/文檔--<html></html>
3、頁面頭部--<head></head>主要裝載頁面的信息；
4、頁面主體--<body></body>
<!DOCTYPE html>
<html>
<head></head>
<body></body>
</html>
文檔標題：<title></title>給頁面起一個名字；
每一個標簽都有屬性，屬性可以是一個或者多個，多個屬性之間用空格隔開；
屬性的組成：屬性名=“屬性值”；
屬性必須寫在開始標記內部；
HTML注釋：只有程序員自己看得見，而不會再網頁中顯示的內容；
<!--注釋內容-->
注釋內容中一定不要存在--
<!--fjlwaijf--waefwefa-->
再HTML頁面中無論敲多少空格，都只會顯示一個空格；
要想有多個空格，必須使用轉義字符；
轉義字符：
空格--
左尖括號<--<
右尖括號>-->
版權？--?
注冊商標--?
換行標記：<br />
強制不換行標記：<nobr>不換行內容</nobr>
標題標記：<hn></hn> n=1,2,3,4,5,6
段落標記：<p></p>
文本樣式標簽：
<b></b>文本加粗；
<i></i>文本傾斜；
<u></u>添加下劃線；
<s></s>添加刪除線；
以上標簽全部不推薦使用，已經被廢棄；
<strong></strong>強調文本，表現為文本加粗；
<em></em>強調文本，表現為文本傾斜；
<sup></sup>上標標記；
<sub></sub>下標標記；
標簽分類：
塊級標簽：默認情況下，塊級標簽回獨占一行，元素的前后內容都會自動換行；
<hn></hn>、<p></p>
行內標簽：不會換行，可以和其他行內元素位于同一行；
b、i、u、s、strong、em、sup、sub
分區標簽：
<div></div>
<span></span>
預格式化標簽：
<pre></pre>
寫在該標簽內的內容會按照編寫時的格式展示在網頁中；
頁面屬性：
背景顏色--bgcolor;
頁面文本顏色--text;
字體標簽：
<font></font>
字體顏色--color；
字體--face；
字體大小--size；最小1，最大7；
該標簽已被廢棄；
目錄結構：
一個項目（web站點）下的所有文件所在的位置；一個web站點包含多個目錄，每個目錄包含站點的不同部分；web站點的主目錄稱為根目錄；位于根目錄下的其他文件夾稱為子目錄；每個子目錄都會包含具體功能的下一級子目錄；
所有的文件命名必須是英文、數字、下劃線（_）和連接線（-）組成；
URL：
uniform resource location 統一資源定位器；
用來標識網絡中的任何資源
即路徑，指從當前位置到目標位置所經過的路線；
URL分類：
1、絕對路徑：192.168.101.111
http:// /images /img01.jpg
協議名 主機名 目錄路徑 文件名
用于指向其他設備上的文件；
2、相對路徑：
指目標文件的位置是相對于當前文件的位置；
目標文件和當前文件在同一個目錄下，直接寫文件名--img01.jpg
目標文件所在的文件夾和當前文件在同一個目錄下--文件夾名/文件名 images/img01.jpg
目標文件和當前文件不在同一目錄下，用表示返回上一級目錄，一個表示返回一級
3、根相對路徑：
用于服務器
水平居中標簽：
<center></center>
該標簽已被廢棄；
標簽的對齊屬性：
align="left"
align="right"
align="center"
水平分割線標簽：<hr />
寬度--width，最好帶上單位px
高度--size，不用帶單位
對齊--align
顏色--color
圖像標簽：<img />
鏈接圖像地址--src="路徑"；
寬度--width，只給寬度表示定寬，高度自動等比變化；
高度--height，只給高度表示定高，寬度自動等比變化；
title--鼠標移入后的提示文字，用于描述圖片；
alt--當圖片無法正常顯示時所用的替代文字；
超鏈接標簽：<a></a>
鏈接屬性--href="路徑"
空鏈接：1、href="",會有返回頂部的效果；
2、href=""
圖片：href="圖片路徑"，可以將鏈接指向一張圖片；
壓縮包：href="",指向一個壓縮包，點擊之后會下載；
發郵件：href="郵箱地址"，可以給該郵箱發送郵件；
target--鏈接打開的目標位置；
target="_blank",在新窗口打開鏈接；
target="_self",在當前頁面打開鏈接；
錨點名稱--name，標記，可以將鏈接指向該標記，以達到跳轉到頁面指定位置的效果；
讀到這里，這篇“HTML基礎標簽有哪些”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
