超文字標記語言即是我們所熟知的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 定義...