HTML語言學習總結(一)

2022-03-11 22:05:54 字數 3189 閱讀 9044

什麼是 html?

html 是用來描述網頁的一種語言。

html 指的是超文字標記語言 (hypertextmarkuplanguage)

html 不是一種程式語言,而是一種標記語言 (markup language)

標記語言是一套標記標籤 (markup tag)

html 使用標記標籤來描述網頁

html 標籤

html 標記標籤通常被稱為 html 標籤 (html tag):

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

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

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

html 文件

html 文件描述網頁,包含 html 標籤和純文字,html 文件也被稱為網頁

web 瀏覽器的作用是讀取 html 文件,並以網頁的形式顯示出它們。瀏覽器不會顯示 html 標籤,而是使用標籤來解釋頁面的內容:

my first paragraph.

例子解釋:

1、與 之間的文字描述網頁

2、與 之間的文字是可見的頁面內容

3、 之間的文字被顯示為標題

4、與

之間的文字被顯示為段落

html 標題

html 標題(heading)是通過 - 等標籤進行定義的。

例如:

1

<

h1>this is a heading

h1>

2<

h2>this is a heading

h2>

3<

h3>this is a heading

h3>

html 段落

html 段落是通過 標籤進行定義的。

例如:

<

p>this is a paragraph.

p>

<

p>this is another paragraph.

p>

html 鏈結

html 鏈結是通過 標籤進行定義的。

例如:

1

<

a href

="">this is a link

a>

html 影象

html 影象是通過

標籤進行定義的。

例如:

1

注:影象的名稱和尺寸是以屬性的形式提供的。

html 元素

html 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有**。

開始標籤

元素內容

結束標籤

this is a paragraph

this is a link

注:開始標籤常被稱為開放標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。

html 元素語法

html 元素以開始標籤起始,以結束標籤終止。元素的內容是開始標籤與結束標籤之間的內容,某些 html 元素具有空內容(empty content),空元素在開始標籤中進行關閉(以開始標籤的結束而結束),大多數 html 元素可擁有屬性

巢狀的 html 元素

大多數 html 元素可以巢狀(可以包含其他 html 元素)。

html 文件由巢狀的 html 元素構成。

html 文件例項

this is my first paragraph.

上面的例子包含三個 html 元素。

html 例項解釋

元素:

this is my first paragraph.

這個 元素定義了 html 文件中的乙個段落。

這個元素擁有乙個開始標籤 ,以及乙個結束標籤

。元素內容是:this is my first paragraph。

元素:

this is my first paragraph.

元素定義了 html 文件的主體。

這個元素擁有乙個開始標籤 ,以及乙個結束標籤 。

元素內容是另乙個 html 元素(p 元素)。

元素:

this is my first paragraph.

元素定義了整個 html 文件。

這個元素擁有乙個開始標籤 ,以及乙個結束標籤 。

元素內容是另乙個 html 元素(body 元素)。

不要忘記結束標籤

即使您忘記了使用結束標籤,大多數瀏覽器也會正確地顯示 html:

this is a paragraph

this is a paragraph

上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。

空的 html 元素

沒有內容的 html 元素被稱為空元素。空元素是在開始標籤中關閉的。

就是沒有關閉標籤的空元素(

標籤定義換行)。

建議所有元素都關閉。

在開始標籤中新增斜槓,比如

,是關閉空元素的正確方法,html、xhtml 和 xml 都接受這種方式。

即使 在所有瀏覽器中都是有效的,但使用

更好。注:html 標籤對大小寫不敏感。全球資訊網聯盟(w3c)在 html 4 中推薦使用小寫,而在未來 (x)html 版本中強制使用小寫。 

HTML語言學習(一)

四級標題 五級標題 六級標題 第一段文字 第二段文字 連線顯示的文字 連線顯示的文字 沒有單獨的語義,配合樣式使用 強調關鍵字,加粗 強調關鍵字,傾斜 聰明秀出為之英,膽略過人為之雄.暗淡輕黃體性柔,情疏跡遠只香留。何須淺碧深紅色,自是花中第一流。暗淡輕黃體性柔,情疏跡遠只香留。何須淺碧深紅色,自是...

HTML語言學習

動態語言 是對伺服器行為的程式設計,被稱為伺服器端指令碼或伺服器指令碼 常見的伺服器指令碼有 php jsp python windows server linux macos server asp aspx 常見伺服器環境快速搭建軟體 jsp tomcat php phpstudy 在window...

SQL語言學習總結一

基礎查詢 一 語法 select 查詢列表 from 表名 二 特點 1.查詢列表可以是字段 常量 表示式 函式 也可以是多個 2.查詢結果是乙個虛擬表 三 示例 1.查詢單個字段 select 欄位名 from 表明 2.查詢多個字段 select 欄位名,欄位名 from 表明 3.查詢多有字段...