一 HTML标簽
HTML作為一門标記語言,是通過各種各樣的标簽來标記網頁内容的。我們學習HTML主要就是學習的HTML标簽。
那什麼是标簽呢?
#1、在HTML中規定标簽使用英文的的尖括号即`<`和`>`包起來,如`<html>`、`<head>`、`<body>`都是标簽,
#2. HTML中标簽通常情況下是成對出現的,分為開始标簽和結束标簽,結束标簽比開始标簽多了一個`/`,開始标簽和結束标簽之間的就是标簽的内容。
#3、有些标簽功能比較簡單,使用一個标簽即可,這種标簽叫做自閉和标簽,例如:<br/> <hr/> <input/> <img/>
二HTML文檔結構
HTML中的标簽存放于文本檔案中,需要按照下述固定的文檔結構組織:
<!DOCTYPE HTML>
<html>
<head>...</head>
<body>...</body>
</html>
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcugTN5ITZ3EWN5EjZ3UmZ4E2M5YjNkRWY0MTO3QzYyIDZfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
#1、<!DOCTYPE HTML>是文檔聲明,必須寫在HTML文檔的第一行,位于<html>标簽之前,表明該文檔是HTML5文檔。
#2、<html></html> 稱為根标簽,所有的網頁标簽都在<html></html>中。
#3、<head></head> 标簽用于定義文檔的頭部,它是所有頭部元素的容器。常見的頭部元素有<title>、<script>、<style>、<link>和<meta>等标簽,頭部标簽在下一節中會有詳細介紹,<head>與</head>之間的内容不會在浏覽器的文檔視窗顯示,但是其間的元素有特殊重要的意義。
#4、在<body>和</body>标簽之間的内容是網頁的主要内容,最終會在浏覽器中顯示出來。
标簽間關系
#1、并列(兄弟/平級)
head與body
#2、嵌套(父子/上下級)
html内有body
三 HTML标簽詳細文法與注意點
标簽的文法:
<标簽名 屬性1=“值1” 屬性2=“值2” ......>内容部分</标簽名>
<标簽名 屬性1=“值1” 屬性2=“值2” ....../>
注意:
#1. HTML标簽不區分大小寫,`<h1>`和`<H1>`是一樣的,但是我們通常建議使用小寫,大部分程式員都以小寫為準。
#2. 标簽之間是可以嵌套的。例如:<div><p>段落</p></div>,但不能交叉<div><p></div></p>
#3、不是所有标簽都支援互相嵌套。
四 HTML中标簽分類
單從是否可以嵌套子标簽的角度去分,标簽分為兩類
#1、容器類标簽
容器類标簽可以簡單的了解為能嵌套其它所有标簽的标簽。
常見容器級的标簽:
h系列
ul>li
ol>li
dl>dt+dd
div
#2、文本類标簽
文本級的标簽對應容器級标簽,隻能嵌套文字/圖檔/超連結的标簽。
常見文本級的标簽:
p
span
strong
em
ins
del
五 HTML注釋
無論我們學習什麼程式設計語言,一定要重視的就是注釋,我個人一直把注釋看成是代碼之母。 HTML中注釋的格式:
<!--這裡是注釋的内容-->
注意: 注釋中可以直接使用回車換行。
并且我們習慣用注釋的标簽把HTML代碼包裹起來。如:
<!-- xx部分 開始 -->
這裡放你xx部分的HTML代碼
<!-- xx部分 結束 -->
HTML注釋的注意事項:
#1、HTML注釋不支援嵌套。
#2、HTML注釋不能寫在HTML标簽中。
原創作者:馬一特
文章出處:http://www.cnblogs.com/mayite/
版權聲明:自由轉載-非商用-非衍生-保持署名
(創意共享4.0許可證)