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 預設,不保證保持原有的比例,內容拉伸填充整個內容容器...