今天學完主要對所學知識點進行了整理。
一、超連結a
href:www.baidu.com(跳轉頁面);id名(錨點跳到相應div位置);01.rar(壓縮包)
target:_blank(新視窗開啟);_self(當前視窗開啟)
二、檔案路徑
絕對路徑:
(1)線上:線上絕對路徑
(2)線下:完整路徑
三、html常用標籤header :頁面頭部或者版塊(section)頭部
footer:頁面底部或者(section)底部
h1-h6 標題
ul 無序列表
ol 有序列表
li ul或者ol的列表項
dl 定義列表
dt 定義列表的專案
dd 對dt展開的描述擴充套件
p 段落
time 時間
em 強調乙個詞或者一段話
strong 強調乙個詞或者一段話
img
四、選擇器優先順序
行間樣式》id>class>型別符》萬用字元
五、行內、塊元素
行內元素:
1、內容撐開寬高
2、不支援寬高
3、一行可以顯示同類多個標籤
4、不支援上下的margin
5、**換行被解析
塊元素:
1、預設獨佔一行
2、沒有寬度時,撐滿一行
3、支援所有class命令
inline-block
1、塊在一行顯示
2、內聯支援寬高
3、預設內容撐開寬高
4、標籤之間的換行會被解析(問題)
5、ie6、ie7不支援塊屬性標籤的inline-block(問題)
塊級元素(block element):
每個塊級元素預設單獨佔一行高度,塊級元素一般可巢狀塊級元素或行內元素;
塊級元素一般作為容器出現,用來組織結構,但並不全是如此。有些塊級元素,如只能包含塊級元素。其他的塊級元素則可以包含行級元素如.也有一些則既可以包含塊級,也可以包含行級元素。
div是最常用的塊級元素,元素樣式的display:block都是塊級元素。它們總是以乙個塊的形式表現出來,並且跟同級的兄弟塊依次豎直排列,左右撐滿。
常見塊級元素有:
address(位址)、blockquote(塊引用)、center(居中對齊塊)、dir(目錄列表)、div、dl(定義列表)、fieldset - form(控制組)、form、h標籤、hr、menu、ol、p、pre(格式化文字)、table、ul
行內元素(inline element):
行內元素只能容納文字或其他內聯元素,元素樣式display : inline的都是行內元素。例如文字這類元素,各個字母之間橫向排列,到最右端自動折行。行內元素轉行內塊級元素設定display:inline-block;
對行內元素,需要注意如下
設定寬度width 無效。
設定高度height 無效,可以通過line-height來設定。
設定margin 只有左右margin有效,上下無效。
設定padding 只有左右padding有效,上下則無效。注意元素範圍是增大了,但是對元素周圍的內容是沒影響的。
常見內聯元素有:
a、abbr、b、acronym(首字)、b(粗體)、big(大字型)、br、cite、code(計算機**)、dfn、em、font、i、img、input、kbd(定義鍵盤文字)、label(**標籤)、q、s(中劃線)、samp、select(專案選擇)、small(小字型文字)、span、strike、strong、sub(下標)、sup(上標)、textarea(多行文字輸入框)、tt(電傳文字)、u(下劃線)、var
乙個小例子:12
3456
78910
執行效果:
html常用標籤(2)
注釋標籤 團隊約定 注釋內容前後各乙個空格字元,注釋位於要注釋 的上面,單獨佔一行 路徑 其他知識 預格式化文字pre標籤元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。格式化文字就是,按照我們預先寫好的文字格式來顯示頁面,保留空格和換行等。特殊字元 什麼是xhtml xhtml指 可...
HTML常用標籤2
標籤被用來組合文件中的行內元素。span 更方便的為元素新增樣式 正常顯示 行內元素 body中的內容是給使用者看的 head中內容給瀏覽器看的 bgcolor 背景顏色 background 背景 背景會同時覆蓋背景顏色 初音未來 格式化標籤 b 加粗 u 下劃線 i 斜體 del 刪除線 str...
HTML常用標籤2
1 doctype 標籤 宣告位於文件最前面的位置,處於標籤之前。告知瀏覽器文件使用哪種規範 模式 1.backcompat 怪異模式,瀏覽器使用自己的怪異模式解析渲染頁面。2.css1compat 標準模式,瀏覽器使用w3c的標準解析渲染頁面。作用 宣告文件的解析型別 document.compa...