1. 程式人生 > >前端教程(5)html標簽和文檔結構

前端教程(5)html標簽和文檔結構

clas 窗口 ... width 使用 語言 AD .com 註意事項

一 HTML標簽與文檔結構

HTML作為一門標記語言,是通過各種各樣的標簽來標記網頁內容的。我們學習HTML主要就是學習的HTML標簽。

那什麽是標簽呢?

#1、在HTML中規定標簽使用英文的的尖括號即`<`和`>`包起來,如`<html>`、`<head>`、`<body>`都是標簽,

#2. HTML中標簽通常情況下是成對出現的,分為開始標簽和結束標簽,結束標簽比開始標簽多了一個`/`,開始標簽和結束標簽之間的就是標簽的內容。

#3、有些標簽功能比較簡單,使用一個標簽即可,這種標簽叫做自閉和標簽,例如:<br/> <hr/> <input/> <img/>

HTML中的標簽存放於文本文件中,需要按照下述固定的文檔結構組織:

<!DOCTYPE HTML>
<html>
    <head>...</head>
    <body>...</body>
</html>

技術分享圖片

html文檔結構各部分解釋

#1、<!DOCTYPE HTML>是文檔聲明,必須寫在HTML文檔的第一行,位於<html>標簽之前,表明該文檔是HTML5文檔。

#2、<html></html> 稱為根標簽,所有的網頁標簽都在<html></html>中。
#3、<head></head> 標簽用於定義文檔的頭部,它是所有頭部元素的容器。常見的頭部元素有<title>、<script>、<style>、<link>和<meta>等標簽,頭部標簽在下一節中會有詳細介紹,<head>與</head>之間的內容不會在瀏覽器的文檔窗口顯示,但是其間的元素有特殊重要的意義。 #4、在<body>和</body>標簽之間的內容是網頁的主要內容,最終會在瀏覽器中顯示出來。

html標簽間關系

#1、並列(兄弟/平級)
    head與body
#2、嵌套(父子/上下級) html內有body

二 HTML標簽詳細語法與註意點