前端HTML 與css 整理(未完)

2022-05-06 21:42:10 字數 1480 閱讀 2063

html 中的標籤存放於文字檔案中 需要按照以下固定的文件結構組織:

標籤解釋:

#1、是文件宣告,必須寫在html文件的第一行,位於標籤之前,表明該文件是html5文件。

#2、 稱為根標籤,所有的網頁標籤都在中。

#3、標籤用於定義文件的頭部,它是所有頭部元素的容器。常見的頭部元素有、

五 body標籤

h 標籤

h1~ h6 標記內容為1~6級標題

p 標籤 標記為內容 的一哥段落

img標籤 標記一哥

用法:2.1 src指定的位址可以是網路位址,也可以是乙個本地位址,本地位址可以用絕對或相對路徑,但通常用相對路徑,相對路徑是以html檔案當前所在路徑為基準進行的

2.2 的格式可以是png、jpg和gif

2.3 alt="載入失敗時顯示的內容"

2.4 title = "滑鼠懸停到上時顯示的內容"

2.5 如果沒有指定的width和height則按照預設的寬高顯示,如果指定的width和height則可能讓變形

那如果又想指定寬度和高度,又不想讓變形,我們可以只指定寬度和高度的乙個值即可

只要指定了乙個值,系統會根據該值計算另外乙個值,並且都是等比拉伸的,將不會變形

a標籤標記一哥內容為超連結

#1、超連結標籤是超文字檔案的精髓,可以控制頁面與頁面之間的跳轉,語法如下

需要展現給使用者檢視的內容/也可以是

2.2 a標籤必須有href屬性,href的值必須是http://或https://開頭

2.3 a標籤還可以跳轉到自己的頁面

錘你胸口

2.4 target="_blank"代表在新頁面中開啟,其餘的值均無需記憶,

如果頁面中大量的a標籤都需要設定target="_blank",那麼我們可以在head標籤內新增乙個base標籤進行統一設定

如果a標籤自己設定了target,那麼就以自己的為準,否則就會參照base的設定

2.5 title="滑鼠懸浮顯示的內容

列表標籤

語義 標記一堆資料是乙個整體列表

html分三種

1 無序列表ul>li 列表標籤中使用最多的一種非常重要

2 有序列表 極少用 ol>li

3 自定義列表 經常用

自定義標題1

描述1描述2

描述3標籤

語義:標記一段資料為**

#1、作用

**標籤是一種資料的展現形式,當資料量非常大的時候,使用**的形式來展示被認為是最清晰的

#2、格式

tr代表**的一行資料

td表一行中的乙個單元格

#3、注意點:

**標籤有乙個邊框屬性,這個屬性決定了邊框的寬度。預設情況下這個屬性的值為0,所以看不到邊框

form 標籤

語義標記表單

#1、什麼是表單?

表單就是專門用來接收使用者輸入或採集使用者資訊的

#2、表單的格式

前端必會css整理

1.設定css樣式的三種方式?外部樣式表,引入乙個外部css檔案 內部樣式表,將css 放在標籤內部 內聯樣式,將css樣式直接定義在html元素內部 2.css有哪些選擇器?id選擇器 類選擇器 標籤選擇器 又可以細分為 派生選擇器 包括後代選擇器 子元素選擇器 相鄰兄弟選擇器 偽元素選擇器 屬性...

前端必會html知識整理

language 因此不需要對dtd 文件型別宣告 document type declaration 進行引用,但是需要doctype來規範瀏覽器的行為 讓瀏覽器按照他們應該的方式來執行 2 html4.01基於sgml,所以需要對dtd進行引用,才能告知瀏覽器文件所使用的文件型別。5.什麼是bf...

前端css樣式問題整理

object fit object fit屬性指定元素的內容應該如何去適應指定容器的高度與寬度。object fit一般用於img和video標籤,一般可以對這些元素進行保留原始比例的剪下 縮放或者直接進行拉伸等。菜鳥教程位址 屬性描述 fill 預設,不保證保持原有的比例,內容拉伸填充整個內容容器...