HTML基礎知識1 HTML簡介

2022-07-23 03:42:10 字數 2205 閱讀 7497

超文字標記語言即是我們所熟知的html語言,它是一種用於建立網頁的標記語言,我們可以使用 html 來建立自己的 web 站點,html 執行在瀏覽器上,由瀏覽器來解析

對html的理解:

(1)它是一種標記語言即是一套標記標籤並不是一種程式語言,html使用標記標籤 來描述網頁

(2)html文件又叫做web頁面,它包含了html標籤及文字內容

html特點:

html不需要編譯,直接由瀏覽器執行

html檔案是乙個文字檔案

html檔案必須使用html或html為檔名字尾

html大小寫不敏感,html與html一樣

html的基礎語法:

(1)html基本結構

html結構包括:html檔案、頭部資訊、網頁內容

<

html

>

<

head

>

<

title

>標題

title

>

head

>

<

body

>

網頁主體內容

body

>

html

>

注意:

寫在head標籤中的內容,在網頁上不會顯示出來

在網頁中能看見的內容都是寫在body標籤中的內容

(2)html標籤

html 標記標籤通常被稱為 html 標籤 (html tag)。在基礎知識一種寫過元素由開始標籤、元素內容、結束標籤所構成,如:這是乙個段落

就是乙個段落元素

其實簡單的來說html文件就是由巢狀的html元素構成的。

html 標籤通常是成對出現的,比如

標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤

開始和結束標籤也被稱為開放標籤和閉合標籤

《標籤》內容例如:乙個簡單的html文件

doctype html>

這是第乙個段落。p>

body>

html>

上例項就包括了三個html元素分別是:元素元素元素注意:

*有些標籤可以完成自結束的功能,例如:

*雖然不加結束標籤時大多數瀏覽器也會正確地顯示 html,但是忘記使用結束標籤有時也會產生不可預料的結果或錯誤。

(3)html元素

乙個 html 元素包含了開始標籤與結束標籤,如下例項:html 元素:這是乙個段落。

乙個簡單的html例項:

//宣告為html5文件

//html頁面根元素//同一樣是不可或缺的部分

//標題

我的第乙個段落。

//段落

(4)html屬性

html屬性可以理解為是html元素提供的附加資訊,他一般描述於開始標籤中,一般以名值對的形式出現 ,如name=「value」

關於html屬性的一般注意事項:

**屬性值應該始終包括在引號內,雙引號是最常用的,但是在某些個別情況下如:屬性值自身就包含了雙引號,那這個時候就要用使用單引號了如:name='xiao"hong"mao'

**屬性和屬性值對大小寫不敏感,但是新版本的html要求使用小寫屬性

**屬性寫在開始標籤中,多個屬性之間用空格隔開

**屬性的書寫格式如下:《標籤名 屬性名1=「屬性值」 屬性名2=「屬性值」 ...>常用的屬性有:

屬性描述

class

為html元素定義乙個或多個類名(classname)(類名從樣式檔案引入)

id定義元素的唯一id

style

規定元素的行內樣式(inline style)

title

描述了元素的額外資訊 (作為工具條使用)

*html屬性有很多,在我們使用時可以查詢html屬性參考手冊

html的注釋格式:

注釋的作用只是為了方便閱讀,注釋中的內容不會出現在瀏覽器的頁面上

HTML基礎知識1 HTML文件的結構

1 總的來說 html指的是超文字標記語言 全稱hypertext markup language,html 2.html並不是一種傳統的程式語言,而是一種標記語言 全稱markup language 3.網頁檔案的副檔名為 html 或 htm 4.html使用標籤來描述網頁 乙個最基本的html...

隨筆1 HTML基礎

1.1 什麼是網頁 我們開啟瀏覽器訪問的一切,都由網頁構成,簡單的說,網頁就是html 1.2 html概念 1.2.1 超文字標記語言 htper text markup language 標準通用標記語言下的乙個應用。html 不是一種程式語言,而是一種標記語言 markup language ...

基礎系列(1) html

隨筆雜談,自己做的筆記 結構 xhtml,xml 表現 css 行為 bom,dom,ecmascript 1 doctype html 2 html 3 head 4 meta charset utf 8 5 title title 6head 7 body 8body 9html type 定義...