Web前端 HTML篇(其一)

2021-10-14 23:22:40 字數 2828 閱讀 8280

常用檔案命名

html的特性

路徑問題

​ html的構成是由一種標籤的**構成,標籤分為雙標籤和單標籤,雙標籤的書寫方式是,後面的標籤是以尖括號加乙個/接標籤結尾。

>

h1>

>

p>

​ 乙個標準的html檔案的構成是由由圈起來的頭部和主體構成,這是w3c的規定html標準。

>

>

head

>

>

body

>

hmtl

>

標題標籤

​ 首先是頭部中的標題標籤,這是乙個雙標籤,用於瀏覽器顯示當前頁面的名稱用,他寫在中。

>

>

>

這是頁面頂部的標題title

>

head

>

>

body

>

html

>

​ 然後是內容中的標題,是由構成,這是一種雙標籤,大小佔一行,其中數字1表示「一號」字型大小,他總共有1到7號標題。

>

一號標題h1

>

>

二號標題h2

>

>

三號標題h3

>

段落標籤

​ 段落標籤是一種雙標籤,他是由

組成,預設站一行。

>

這是段落

p>

換行標籤

​ 換行標籤是一種單標籤,他是由

組成,他佔一行,但是沒有內容,用來換行。

>

第一行的一段文字

>

第二行的文字

p>

字型格式化標籤

​ 字型格式化標籤是一種雙標籤,佔內容大小。

>

下劃線ins

>

>

下劃線u

>

>

加粗strong

>

>

加粗b>

>

斜體em

>

>

斜體i>

>

刪除線del

>

>

刪除線s

>

>

下標sub

>

>

上標sup

>

特殊字元標籤

​ 因為瀏覽器會對很多字元進行特殊識別,因此如果頁面中的文件中遇到這些字元要用特殊字元標籤處理。

空格

尖括號">>

&特殊符號&

²上標2

⊃上標3

標籤

​ 標籤是一種單標籤,他是由

src:"路徑"

alt:"顯示內容"

title:"滑鼠停留顯示內容"

>

超連結標籤

指向某某網頁a

>

href

=".../***.html"

>

指向html文件a

>

href

=".../***.text"

>

指向文字文件a

指向a>

href

=".../***.mp4"

>

>

布局標籤

​ 布局標籤是一種雙標籤。

​ div標籤,由

組成,預設佔一行。

​ span標籤,由組成,預設佔內容大小。

>

這是乙個div標籤div

>

>

這是乙個span標籤span

>

​ 對於html的檔案學習,一般用中文,對於工作中,應使用英文單詞,使用駝峰命名法,例「backgroundcolor」。

1.在html中任何地方所書寫的文字內容除了title標籤裡面,都會在頁面中顯示。

2.html檔案不記錄原始形態功能(文字中的回車換行和空格html不會保留格式)。

3.html中書寫的任何內容在瀏覽器裡面執行都不會報錯。

4.瀏覽器會對html標籤進行自動標準化處理。

5.如果標籤巢狀,如果是同一型別的標籤,會將外面的開頭標籤自動補齊,外面的結尾標籤自動溢位,只有內部標籤對內容起到作用。

6.如果開頭標籤和結尾標籤不一致,則根據開頭標籤處理,將開頭標籤自動補齊,結尾標籤自動溢位。

7.如果只有開頭標籤,那麼這個開頭標籤的作用從其所在位置開始直到遇到下乙個同類標籤才自動補齊。路徑分為絕對路徑和相對路徑

​ 絕對路徑是指:根據提供的路徑絕對能找到該位置

​ 相對路徑是指:根據自身的位置找到要找的位置

src和href的區別

​ href是hypertext reference的縮寫,表示超文字引用。用來建立當前元素和文件之間的鏈結

WEB前端 html基礎篇

1 html概述 1 什麼是html web頁或web應用,就是網際網路上的乙個網頁程式,通常以 html或.htm作為字尾的檔案 web頁是由html編寫而成 html hyper text markup language 超文字標記語言 a 26個字元中的首字元 超文字a 超連結的功能 b 26...

Web前端基礎(一) HTML簡介

超文字標記語言 英語 hypertext markup language,簡稱 html 是一種用於建立網頁的標準標記語言。html文件的字尾名 html和.htm,這兩種字尾名沒有區別,都可以使用。我的第乙個段落。html 標記標籤通常被稱為 html 標籤 html tag html 標籤通常是...

寒假Web前端學習 HTML基礎一

博主寒假自學web前端的筆記,寫這個也是想看看自己的學習進度,順便督促以下自己。有一說一,中國大學mooc是真的好用,感興趣的都可以去看看,好的大學沒有圍牆。一.html基礎 命令 文件型別 符合html5標準 en lang 屬性 搜尋引擎 en 英文zh 中文瀏覽器 utf 8 國際編碼。所有語...