html之快速入門

2021-10-25 18:50:10 字數 2490 閱讀 3305

目標:

1,什麼是html?

2,html常用標籤

3,文字類標籤&特殊符號

1,什麼是html?

#1,英文名字:hypertext markup language

中文名字:超文字標記語言

標記:使用帶尖括號「<>」的標記,將網頁中的內容逐一標識出來;這個帶簡括的標記也叫做標籤。

#2,用來設計網頁的一門標記語言

#3,字尾名是*.html或者*.htm

#4,由瀏覽器來解析執行

#5,頁面中可以引入指令碼語言例如js,也可以引入樣式檔案(css檔案)

html標準結構(html和人很像,有乙個頭和乙個身體)

主要內容

【注:】

1,html5宣告 ,宣告檔案型別是html,告訴瀏覽器是什麼型別的檔案

2防止網頁亂碼的

3,/:標籤結束的標誌

2,html常用標籤【常用標籤放在裡】

#1,標題標籤n表示1-6,其中h1最大,h6最小;

例如:

標題4

標題5標題6

#2,段落標籤

標籤表示一段話,沒有特殊的效果

例如:

我表示一段話

#3,標籤語法:

例如:

【注意】這裡的要和你的html頁面在同乙個目錄下,否則會出現錯誤,如下圖裂的情況

頁面顯示效果:

例如:

頁面顯示效果如下:

【ps:盡量不要使用width和height縮放,詳情見後續優化】

點我去1

【注意】1.html需要跟你的html同級

#5,分割槽標籤

行內分割槽修飾一行中的乙個或者一部分:

例如:

一周排行榜
顯示效果如下:

塊分割槽

常用於頁面布局,給網頁分塊用的;

例如:

這是頭部

這是主體部分

這是底部

3,文字類 標籤&特殊符號#1,文字類標籤:

加粗:

傾斜:

下劃線:

刪除線:

放大:

縮小:

上標:

下標:

例如:

正常文字

加粗文字加粗文字

傾斜文字

傾斜文字

下劃線文字

刪除線刪除線

放大縮小

23xy

唧唧復唧唧①

【注:】

強制換行

#2,特殊符號

大於:>

小於:<

空格:

#3,預格式

pre標籤是有格式的縮排,保留源文件種的格式,即保留原來的換行和文字種的空白一般與大於小於特殊符號做文件用(比如w3school文件),例如:

我是一段話

頁面中的顯示:

由上述所學標籤可以總結如下:

行標籤:顯示效果併排在一行。

例如:a img 文字類標籤 span

塊標籤:顯示效果單獨佔一行,預設寬度是100%;

例如:body h1-h6 p div

行標籤只能巢狀行標籤;例如:

塊標籤既能巢狀塊標籤,也能巢狀行標籤例如:

我表示一段話

ok,今天的內容到這裡就結束了,希望和大家互相交流學習,再見。

Html快速入門之基本介紹

1.13 路徑 1.14 錨點定位 1.15 base標籤 1.16 預格式化文字標籤 1.17 特殊字元 1.18 html5發展之路 1.19 什麼是xhtml 1.20 html和xhtml區別 1.21 標籤 1.22 demo 瀏覽器核心 備註ie trident firefox geck...

HTML快速入門

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

HTML快速入門

b s架構 伺服器 瀏覽器 接收請求並解析,處理業務,返回資料 響應 頁面組成 html css js 測試工具 chrome 特點 說明 標籤就是html的骨架,最重要的組成部分。屬性 幾乎每個標籤都有的屬性 加粗 斜體 下劃線 刪除線 上標 下標 字型 其中的每個元素都是乙個 有序列表 例子 n...