學習HTML之前必須了解的基礎

2021-07-10 15:23:42 字數 2369 閱讀 4655

帖子包含非法片語,不能發布

一、網路基礎部分

1.1瀏覽器與伺服器

瀏覽器是指可以顯示網頁伺服器或者檔案系統的html檔案(標準通用標記語言的乙個應用)內容,並讓使用者與這些檔案互動的一種軟體。瀏覽器在訪問頁面時通過瀏覽器的核心解析頁面。瀏覽器的核心大致有這麼幾種:ie的trident核心,firefox的gecko核心,safari的webkit核心,opera以前的presto核心、現在改用goolge chrome的blink核心,以及chrome的blink核心。

伺服器,也稱伺服器,是提供計算服務的裝置。由於伺服器需要響應服務請求,並進行處理,因此一般來說伺服器應具備承擔服務並且保障服務的能力。

1.2瀏覽器與伺服器的互動

當我們在瀏覽器的位址列上面輸入內容之後,瀏覽器會傳送請求(request)到伺服器,伺服器接收並處理以後,將講求的頁面讀取出來返回到瀏覽器,瀏覽器接收到響應(response)回來的內容以後,瀏覽器的核心將內容渲染成乙個完整的頁面,並且顯示出來。

1.3http協議

http協議:請求報文,響應報文,url.

1.4一次完整的http事務的過程

基本流程:網域名稱解析→ 發起tcp的3次握手→ 建立tcp連線後發起http請求→伺服器端響應http請求,瀏覽器得到html**→瀏覽器解析html**,並請求html**中的資源→瀏覽器對頁面進行渲染呈現給使用者。

1.5seo

二、html部分

1.1定義 html:超級文字標記語言(hypertext markup language),在瀏覽器上執行的一種標記語言。

1.2作用:通過標籤給頁面加上語義。

1.3固定結構:

2.1標籤

html的學習主要是學會怎樣用標籤定義頁面的語義、搭建頁面結構。html標籤分為三種:行內的(一行可以放多個,寬高由內容決定)、塊級的(獨佔一行,預設寬度一整行,高度由內容決定)、沒有語義的。

行內元素:a、b、span、img、input、strong、select、label、em、button、textarea。

塊級元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote。

空元素:即係沒有內容的html元素,例如:br、meta、hr、link、input、img。

2.2路徑

絕對路徑:帶有碟符的路徑。

相對路徑;乙個檔案相對另乙個檔案的路徑。

href 是指向網路資源所在位置,建立和當前元素(錨點)或當前文件(鏈結)之間的鏈結,用於超連結。

2.3比較實用的標籤

(1)!doctype;

如果頁面不設定宣告文件,瀏覽器會預設開啟怪異模式(quirks mode)—— 一些網頁瀏覽器為了維持對較舊的網頁設計的向後相容性,使用有別於嚴格遵循全球資訊網聯盟(w3c)與網際網路工程任務組(ietf)標準而設計的「標準模式」,導致頁面無法正常顯示。

(2)meta標籤 如:

如:.字符集(編碼格式): 如:

(3)列表標籤

無序列表:定義一組沒有排量順序的資料。

有序列表:定義一組有順序的資料。

自定義列表:

(4)**標籤:早期用來頁面布局

(5)表單:收集資訊

form>

...input 元素/select元素

...其中input包括:

文字框密碼框單選框

核取方塊按鈕

提交按鈕

重置按鈕

select元素:下拉列表 例項

(7)a標籤(anchor):錨

作用:可以在乙個頁面跳轉到另乙個頁面。

**:注意:在a標籤之內必須要寫上文字,如果沒有,那麼這個標籤在頁面上找不到。

a標籤的其它用法:

① 可以不跳轉(跳轉到當前頁面)href=」#」

②可以跳轉到另外的頁面。

③可以在當前頁面進行定位。

a.設定a標籤的href屬性為「#id名」,

b.在頁面的指定位置加入乙個目標標籤(可以是任意標籤)

c.必須給這個標籤設定乙個id名:這是目標

④在跳轉的頁面進行定位。

(8)沒有語義的標籤div/span

特點:預設佔一整行,並且一行裡面只能顯示乙個。(塊級元素)

特點:大小由內容來決定,並且一行裡面可以顯示多個。(行內元素)

三 總結

html即超文字標記語言,用來給頁面的內容新增語義,用來確定html頁面的結構。所以寫html**時,頁面結構必須清晰,語義必須規範。標籤語義化,每個html標籤都有屬於自己的語義,有使用標籤時候要一定要了解每個標籤的語義,合理使用。在合適的地方使用合適的標籤。這樣一來將來網路爬蟲進入頁面之後可以很方便的得到頁面的重要資訊,對搜尋引擎的友好更有利於提公升網頁排名;l頁面是直接面對使用者,良好的頁面能提公升使用者體驗;對於我們本身來說,也利於**的可讀、維護、提高開發效率。

學習HTML之前你必須知道的知識

title head body html 1234567html骨架標籤總結 標籤名定義說明 html標籤 頁面中最大的標籤,我們成為 根標籤 文件的頭部 注意在head標籤中我們必須要設定的標籤是title 文件的標題 讓頁面擁有乙個屬於自己的網頁標題 文件的主體 元素包含文件的所有內容,頁面內容...

使用Redis之前5個必須了解的事情

摘要 對比傳統關係型資料庫,雖然基於redis的應用程式開發有著很多相同之處,但是有一些關鍵區別在應用程式設計時卻必須銘記在心,比如基於記憶體的單執行緒特性。使用redis開發應用程式是乙個很愉快的過程,但是就像其他技術一樣,基於redis的應用程式設計你同樣需要牢記幾點。在之前,你可能已經對關係型...

必須了解掌握的html知識點(全)

html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hyper text markup language html 不是一種程式語言,而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 href 的意思是去...