50 前端標籤

2022-07-22 09:21:11 字數 2613 閱讀 3252

1.html:網頁的骨架,沒有任何的樣式

2.css:給骨架新增各種的樣式

3.js:控制網頁的動態效果

4.前端框架:bootstrap、jquery、vue

二、http協議

超文字傳輸協議,用來規定客戶端與瀏覽器之間的格式

2.1、http協議的四大特性

1.基於請求響應

2.基於tcp\ip作用於應用層之上的協議

3.無狀態:不儲存資訊,接收到什麼資訊就執行什麼資訊

2.2、請求資料格式

請求首行:(識別http的協議版本,當前請求方式)  

請求頭:(一大堆k,v鍵值)

/r/n

請求體:(存放post請求提交的資料)

2.3、相應資料格式

響應首行:(識別http的協議版本,當前請求方式)

請求頭:(一大堆k,v鍵值)

/r/n

響應體:(返回個瀏覽器展示給使用者看的資料)

2.4、響應狀態碼

用資料來標識複雜的資訊或者狀態

1xx:服務端已經接收到資料,可以繼續提交資料

2xx:服務端成功響應了資料

3xx:重定向:網頁被強迫跳轉其他頁面

4xx:請求錯誤

403:請求不合法或者不符合訪問資料的條件

404:請求資料不存在

5xx:服務端錯誤

2.5、請求方式

1.get請求

向伺服器要資料

2.post請求

向伺服器傳送資料

操作:向服務端傳送身份驗證資訊

三、html

"

">click me!give you some color to see see!

" />

3.1、html的注釋

在pycharm中可是直接使用ctrl+?注釋

3.2、html文件結構

:head內的標籤是給瀏覽器看的

:body內的標籤是給使用者看的

3.3、開啟html的方法

1.將為檔案使用瀏覽器開啟

2.pycharm中郵件選擇已安裝好的瀏覽器開啟

3.4、單標籤與雙標籤

單標籤:自閉和標籤<>

雙標籤:<>  

3.5、head中的常用標籤

:網頁標題

:內部書寫css**

:引入外部的css**

:內部書寫js**

:引入外部的js**

"

keywords

" content="

老男孩教育,it培訓

"description

" content="

**網 - 亞洲較大的網上交易平台

"> 網頁的描述性資訊

四、body常用標籤

4.1、常用標籤

:標題:加粗

:下劃線

:刪除線

:斜體:段落

:換行:水平分割線

4.2、特殊符號

;:空格

gt;:大於號

lt;:小於號

©;:@

®;:®

4.3、常用標籤

:塊級標籤

:行內標籤

在頁面布局時,通常使用塊級標籤和行內標籤進行站位,之後再調整樣式

4.4、標籤的分類

塊級標籤:獨佔一行

分布:、、

特點:可以修改長寬,除了以外都能任意巢狀塊級標籤或者行內標籤,只能鑲嵌行內標籤

行內標籤:全部文字

分布:、、、、

特點:不可以修改長寬,只能鑲嵌行內標籤

4.5、img標籤:標籤

src :存放本地路徑或者url,通過get獲取網上資料

height:「800px」:設定寬度的畫素

width:設定高度的畫素

當值設定乙個畫素值時,會自動按比例調整

4.6、a標籤:跳轉

描述資訊

herf:存放url,點選後跳轉到url介面

存放id值時,點選後跳到對應的標籤位置

target:_self(預設):在當前頁面跳轉

_blank:跳轉到新建頁面

4.7、標籤的書寫

1.id值:要求具備唯一性

2.class值:乙個標籤可以繼承多個class值

標籤既可以有預設的書寫,也可以自定義書寫

"d1"

class="

c1" username="

jason

" password="

123">

4.8、列表標籤

4.8.1、無序標籤  

雖然ul標籤很醜 但是在頁面布局的時候 只要是排版一致的幾行資料基本上用的都是ul標籤
4.8.2、有序標籤

"

1" start="

5">

111222333

1 a i a ... 參考部落格了機即可

4.8.3、標題標籤

標題1

內容1標題2

內容2標題3

內容3

前端標籤 標題標籤

標題標籤 熟記 單詞縮寫 head 頭部.標題 為了使網頁更具有語義化,我們經常會在頁面中用到標題標籤,html提供了6個等級的標題,即h1 h6 標題標籤語義 作為標題使用,並且依據重要性遞減 其基本語法格式如下 標題文字 hn 注意 h1 標籤因為重要,盡量少用,不要動不動就向你扔了乙個h1。一...

前端標籤 標題標籤

標題標籤 熟記 單詞縮寫 head 頭部.標題 為了使網頁更具有語義化,我們經常會在頁面中用到標題標籤,html提供了6個等級的標題,即h1 h6 標題標籤語義 作為標題使用,並且依據重要性遞減 其基本語法格式如下 標題文字 hn 注意 h1 標籤因為重要,盡量少用,不要動不動就向你扔了乙個h1。一...

前端標籤 段落標籤

單詞縮寫 paragraph 段落 在網頁中要把文字有條理地顯示出來,離不開段落標籤,就如同我們平常寫文章一樣,整個網頁也可以分為若干個段落,而段落的標籤就是 文字內容 p 是html文件中最常見的標籤,預設情況下,文字在乙個段落中會根據瀏覽器視窗的大小自動換行。lang en charset ut...