第2天 HTML常用標籤

2021-09-20 08:22:05 字數 2057 閱讀 3547

今天學完主要對所學知識點進行了整理。

一、超連結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...