前端隨筆初識前端HTML

2021-09-26 23:26:25 字數 1395 閱讀 9650

html語言分成兩部分

標籤(標記,元素)

長在尖括號後面的第乙個單詞

屬性長在標籤後面,用空格隔開的那個單詞

html檔案分成兩部分

頭部head,放描述性資訊

主體body,放可見的內容(結構)

html標籤分成兩種

常規標籤(雙標籤)

《標籤名 屬性1="屬性值1" 屬性2="屬性值2">內容

標籤名寫在尖括號裡面

屬性和標籤用空格隔開

屬性和屬性值用等號連線,屬性值用引號包住

如果乙個標籤有多個屬性,屬性和屬性用空格隔開

屬性和屬性是不分先後順序的

1.標題標籤(h1-h6)雙標籤

都加粗h1到h6字型大小逐漸變小

標題標籤都是獨佔一行

都有預設的上下間距

h1標籤在同乙個頁面裡面只能出現一次

seo,搜尋引擎的優化

2.段落文字標籤(p)雙標籤

每乙個p標籤獨佔一行

預設的上下間距

3.轉義符號

空格  

尖括號 < >

4.強制換行

單標籤5.水平分割線

單標籤加水平分割線,強制換行

6.加粗標籤 雙標籤b標籤為了加粗的樣子而加粗

strong標籤為了加強語氣而加粗

7.傾斜標籤 雙標籤

i標籤為了傾斜的樣子而傾斜

em標籤為了加強語氣而傾斜

8.擴充套件

文字下劃線

文字刪除線

文字刪除線

下標上標

9. 列表

無序列表

特點:每乙個li都是獨佔一行

每乙個li前面都有乙個黑色的實心圓點(列表符號)

有序列表

屬性 type 預設值是1 1,2,3,4

a a,b,c,d

a a,b,c,d

i i,ii,iii,iv

i i,ii,iii,iv

start 從第幾個開始 只能是數字

自定義列表

名詞解釋

標籤 單標籤

alt: 當因為網路原因或者自身損壞或者路徑錯誤時,顯示提示文字

title: 當滑鼠懸浮時的提示文字

特點:不是獨佔一行,從左往右排列

超連結 href: 跳轉的位址,前面必須有協議

target: _self 預設值,在當前頁面開啟

_blank 在新視窗開啟

雙標籤a標籤裡面可以是文字,也可以是

滑鼠移入是缺省會變成手指

從左往右排列

前端隨筆初識前端

接上章 table tr 行 td 列 width 的寬度 height 的高度 border 的邊框 cellspacing 單元格與單元格之間的間距 預設大約是2畫素 cellpadding 單元格與內容之間的空隙 預設值是0 bgcolor 背景顏色 bordercolor 邊框顏色 alig...

前端隨筆小結

1.如果想讓兩個div在一行的話,可以用display inline block inline或float left 2.clear屬性 指定段落的左側或右側不允許浮動的元素。取消浮動可以用clear both 3.外面是乙個div大框,作為父元素,裡面是不同小框div作為子元素 4.實現頁面居中,...

初識前端 HTML標籤和基本框架

頁面布局標籤 框架 待詳細學習 內嵌框架 框架集講在文前,大多數的學習依靠自學,手把手的教和喂可以解決一時之需,卻不一定能將其轉化為自己所有,所以本文大部分內容以大綱和知識點為主,輔以部分 和。主要在於記錄學習的過程和總結,也便於以後複習時引起思考。多 標籤 herf 跳轉資源,預設為空跳轉回本頁面...