html 前端基礎

2022-07-23 06:27:12 字數 3379 閱讀 6588

html是什麼?

※超文字標記語言(hypertext markup language,html)通過標籤語言來標記要顯示的網頁中的各個部分,一套規則,瀏覽器認識的規則。

※瀏覽器按順序渲染網頁檔案,然後根據標記符解釋和顯示內容,但需要注意的是,對於不同的瀏覽器,對同一標籤可能會有不完全相同的解釋(相容性)。

※靜態網頁副檔名:html 或 htm

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

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

html結構

html標籤格式

標籤的語法:

《標籤名 屬性1=「屬性值1」 屬性2=「屬性值2」……>內容部分

宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

作用:宣告文件的解析型別(document.compatmode),避免瀏覽器的怪異模式。

document.compatmode:

backcompat:怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。

css1compat:標準模式,瀏覽器使用w3c的標準解析渲染頁面。

這個屬性會被瀏覽器識別並使用,但是如果你的頁面沒有doctype的宣告,那麼compatmode預設就是backcompat

內常用標籤

meta標籤的組成:meta標籤共有兩個屬性,它們分別是http-equiv屬性和name 屬性,不同的屬性又有不同的引數值,這些不同的引數值就實現了不同的網頁功能。 

(1)name屬性: 主要用於描述網頁,與之對應的屬性值為content,content中的內容主要是便於搜尋引擎機械人查詢資訊和分類資訊用的。   

(2)http-equiv屬性:相當於http的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以幫助正確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個引數的變數值。

//(注意後面的引號,分別在秒數的前面和**的後面)

oldboy

'''

: n的取值範圍是1~6; 從大到小. 用來表示標題.

: 段落標籤. 包裹的內容被換行.並且也上下內容之間有一行空白.: 加粗標籤.

: 為文字加上一條中線.

: 文字變成斜體.

和: 上角標 和 下角表.

:換行.

:水平線

特殊字元:

'''

: 只是乙個塊級元素,並無實際的意義。主要通過css樣式為其賦予不同的表現. 

: 表示了內聯行(行內元素),並無實際的意義,主要通過css樣式為其賦予不同的表現.

塊級元素與行內元素的區別

所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素,不會對頁面產生任何的影響。

這兩個元素是專門為定義css樣式而生的。

什麼是超級鏈結?

所謂的超連結是指從乙個網頁指向乙個目標的連線關係,這個目標可以是另乙個網頁,也可以是相同網頁上什麼是url?

url是統一資源定位器(uniform resource locator)的縮寫,也被稱為網頁位址,是網際網路上標準的資源的位址。

url舉例

url位址由4部分組成

第1部分:為協議:http://、ftp://等

第3部分:為頁面在站點中的目錄:stu

第4部分:為頁面名稱,例如 index.html

各部分之間用「/」符號隔開

'''

click

絕對 url - 指向另乙個站點(比如 href="

相對 url - 指當前站點中確切的路徑(href="index.htm")

錨 url - 指向頁面中的錨(href="#top")

'''

'''

: 無序列表 [type屬性:disc(實心圓點)(預設)、circle(空心圓圈)、square(實心方塊)]

: 有序列表

:列表中的每一項.

定義列表

列表標題

列表項'''

**概念

**是乙個二維資料空間,乙個**由若干行組成,乙個行又有若干單元格組成,單元格裡可以包含文字、列表、圖案、表單、數字符號、預置文字和其它的**等內容。

**最重要的目的是顯示**類資料。**類資料是指最適合組織為**格式(即按行和列組織)的資料。

**的基本結構:

標題

標題

內容內容

'''

: table row

: table head cell

: table data cell

屬性: border: **邊框.

cellpadding: 內邊距

cellspacing: 外邊距.

width: 畫素 百分比.(最好通過css來設定長寬)

rowspan: 單元格豎跨多少行

colspan: 單元格橫跨多少列(即合併單元格)

'''

表單標籤:'''標籤定義:標籤為 input 元素定義標註(標記)。

說明:1 label 元素不會向使用者呈現任何特殊效果。

2 標籤的 for 屬性值應當與相關元素的 id 屬性值相同

''''''
標籤

'''

登入吧'''

表單標籤:'''

標籤定義:標籤為 input 元素定義標註(標記)。

說明:1 label 元素不會向使用者呈現任何特殊效果。

2 標籤的 for 屬性值應當與相關元素的 id 屬性值相同。

''''''
標籤

'''

登入吧'''

前端基礎HTML

web的服務本質 瀏覽器傳送請求 http協議 服務端接受請求 服務端返回響應 服務端把html檔案內容發給瀏覽器 瀏覽器渲染頁面 html學什麼?主要是學習標籤,記住常用的標籤 html常用標籤 head內常用標籤 定義網頁標題 定義內部樣式表 定義js 或引入外部js檔案 引入外部樣式表檔案 匯...

前端 html基礎總結

自己購買的資料 固定模式 處理格式 段落,標題,換行,水平線,刪除線,強調,斜體,粗體,強調,下標,上標,小號字 這是乙個鏈結 屬性包括 class,id,title,style,name,center,font,bgcolor,backgroud,size,color 超 框架 表單知識點1 為排...

前端基礎之HTML

html 作為超文字標記語言主要是用來製作靜態頁面 html有標準 html4 標籤 原生標籤.標籤 橫線.結構標籤 字型標籤 使用 文字 標籤的屬性 標籤 屬性名 屬性值 屬性名 屬性值 段落標籤 p標籤 字型加粗標籤 b標籤 字型斜體標籤 i標籤 字型下劃線 u標籤 居中標籤 標籤 html的標...