HTML基礎之初識HTML

2021-07-27 08:26:07 字數 2726 閱讀 3693

什麼是 html?

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

my first paragraph.p>

body>

html>

例子解釋

與 html> 之間的文字描述網頁

與 body> 之間的文字是可見的頁面內容

與 p> 之間的文字被顯示為段落

html 標題
html 標題(heading)是通過

有此類推

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

一段話的類容p>

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

乙個網路連線a>

html 影象
html 影象是通過 

src 為 位址

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

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

開始標籤

元素內容

結束標籤

this is a paragraph

this is a link

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

html 元素語法

巢狀的 html 元素html 文件例項

this is my first paragraph.p>

body>

html>

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

html 例項解釋

元素:

this is my first paragraph.p>

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

這個元素擁有乙個開始標籤

,以及乙個結束標籤 p>。

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

元素:

this is my first paragraph.p>

body>

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

這個元素擁有乙個開始標籤

,以及乙個結束標籤 body>。

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

元素:

this is my first paragraph.p>

body>

html>

元素定義了整個 html 文件。

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

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

不要忘記結束標籤

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

this is a paragraph

this is a paragraph

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

注釋:未來的 html 版本不允許省略結束標籤。

空的 html 元素

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

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

標籤定義換行)。

在 xhtml、xml 以及未來版本的 html 中,所有元素都必須被關閉。

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

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

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

其實是更長遠的保障。

html 標籤對大小寫不敏感

html 屬性

html 鏈結由  標籤定義。鏈結的位址在 href 屬性中指定:

this is a linka>

html 參考手冊

html 全域性屬性

基礎學習的記錄,希望對你們有幫助!!!

初識HTML(一)基礎

超文字標記語言 英語 hypertext markup language,簡稱 html 是一種用於建立網頁的標準標記語言。站在開發架構的角度,其屬於 b s架構的程式,也就是說客戶端就是瀏覽器,而服務端就是存放html的機器。當瀏覽器要開啟乙個頁面時,會向服務端傳送html檔案請求,待服務端返回後...

初識HTML基礎標籤

html 超文字標記語言,是一種用於建立網頁的標準標記語言,而不是程式語言 lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head body html 常見...

html學習之初

好吧,廢話說了很多,現在說html 初學html,朋友和同事建議我先看 link.這個 的html教程,這是最基礎的內容,只有把這些看懂記住。才有往後繼續的機會。接下來我就開始了自己的上班工作,下班看教程的計畫。對於html前端來說,這個教程主要介紹的是結構和內容。我對這它的理解是,html是人穿在...