二 HTML文件基本結構

2022-02-19 23:59:47 字數 1960 閱讀 5212

2.1 html5文件結構:

2.1.1宣告

引用官方的dtd檔案,在html5之前版本,如xhtml、html4.0都有官方的dtd檔案引用,dtd是檔案型別定義,主要對標籤的使用進行定義。基於html5「化繁為簡」準則,不需要引用嚴格意義上的dtd規範,只需引用**即可。

2.1.2 標籤

html文件的根元素,成對出現,代表文件的開始和結束。

2.1.3文件的頭部標籤,為所有頭部元素的容器,中元素可以引用指令碼、指示瀏覽器在**找到樣式表,提供元資訊等

用於定義文件標題,只能出現在中

用於定義html元資料

"stylesheet

" href="">引用外部檔案標籤,通常放置在頭部標籤

中,用於連線外部css資源檔案

為內嵌樣式標籤,位於

中,用於定義內部css樣式

2.1.4標籤

設定頁面關鍵字——用於告訴搜尋引擎網頁的關鍵字

"keyword

" content="

某人,論壇,學歷,前端

">

用於告訴搜尋引擎**的主要內容

"description

" content="

web前端的一些面試技巧

">

用於介紹作者的一些資訊

"author

" content="

某人,郵箱

">

設定網頁的定時跳轉

"refresh

" content="";url=""> /*

content後跟值為當前頁面在多少時間跳轉,url值為跳轉到具體的網頁**

*/

2.1.5 標籤

body標籤是html的主體部分,網頁所需顯示內容都放在該標籤內。

2.2 html5標籤、元素及屬性

html網頁實際由許許多多各種各樣的html元素構成的文字檔案,並且任何網頁瀏覽器都可以直接執行html檔案。

html元素就是通過html標籤進行定義的。

2.2.1標籤

1.單標籤    

換行建立一條水平線

元素可提供有關頁面的元資訊

標籤,用於頁面插入

2.雙標籤

標題標籤

段落標籤

無序列表標籤

**標籤

3.標題字對齊屬性:align

center:    居中對齊;

left:     左對齊內容;

right:    右對齊內容;

justify:    對行進行伸展,每行都可有相同長度

2.2.2 標籤屬性

2.2.3 元素

html

開始標籤到結束標籤所有**,為html元素

位於起始標籤和結束標籤之間的文字為html元素內容

塊級元素:獨佔一行,表現為另起一行,而且其後元素也必須另起一行顯示;寬度(width)、高度(height)、內邊距(padding)、外邊距(margin)都可控制。

行內元素:和相鄰的行內元素在同一行顯示,寬度(width)、高度(height)、內邊距padding-top/padding-bottom和外邊距的margin-top/margin-bottom都不可改變,但是內邊距的padding-left/padding-right和margin-left/margin-right等屬性都可以設定。

瀏覽器還有預設的行內元素,

、、等,有內在尺寸,可設定寬高,但不會自動換行。

HTML基本文件結構

internet 技術發展到今天,已經進入前所未有的資訊高速時代。自從 internet 盛行以來,網頁的製作也隨之普及,而製作網頁的語言也開始流行起來,比如 html asp php jsp 等語言,早已是耳熟能詳了。當 php asp或 jsp還未流行之前,佔統治地位的當屬 html 語言,即便...

HTML 文件結構

1.mata 用於提高網頁的相關資訊,包括作者,日期等。還可以設定網頁的關鍵字,過期時間。2.meta http equiv 屬性值 content 具體屬性取值 設定網頁瀏覽器和伺服器之間的請求方式 http equiv content type 設定網頁的編碼 expires 設定網頁的有效期限...

HTML文件結構

乙個html檔案是有自己固定結構的。宣告 根節點.讓我們來解釋一下上面的 首先,是文件宣告,必須寫在html文件的第一行,位於標籤之前,表明該文件是html5文件。稱為根標籤,所有的網頁標籤都在中。標籤用於定義文件的頭部,它是所有頭部元素的容器。常見的頭部元素有 和等標籤,頭部標籤在下一節中會有詳細...