懶人HTML5筆記 2(常用標籤)

2021-10-06 05:20:54 字數 2929 閱讀 7361

一. 超連結標籤

href

="#bottom"

name

="top"

>

回到底部(錨點功能)a

>

href

="index01.html"

target

="_blank"

>

跳轉到本地的資源a

>

href

="">

跳轉到網路位置a

>

br*80【敲tab】

href

="#top"

name

="bottom"

>

回到頂部(錨點功能)a

>

二.
src=

"img/02.png"

title

="的提示"

/>

src=

"file:///c:/tmp/.png"

/>

src=

""width

="200px"

/>

只給出寬或者高的屬性,另乙個對應的屬性會保持比例縮放。

align屬性用於調整與文字的位置關係。

三. **
boder

="1px"

>

>

>

1td>

>

2td>

>

3td>

tr>

>

>

1td>

>

2td>

>

3td>

tr>

>

>

1td>

>

2td>

>

3td>

tr>

table

>

上邊的**隨內容自適應大小。

給tr和td標籤指定height和width屬性,**寬高就不會自適應內容了。

border

="1px"

>

height

="100px"

>

width

="100px"

>

11td

>

width

="100px"

>

22td

>

width

="100px"

>

33td

>

tr>

height

="100px"

>

>

11td

>

>

22td

>

>

33td

>

tr>

height

="100px"

>

>

11td

>

>

22td

>

>

33td

>

tr>

table

>

未指定width屬性的td會自動對齊。

align="center"屬性設定在table中是**整體的居中,設定在tr中是**行的文字居中,設定在td中是單元格文字的居中。

th標籤可作為標題,內容會自動加粗並居中。

table標籤的cellpadding屬性設定內容和單元格的距離,cellspacing單元格和單元格之間的距離。

生成**快捷鍵

table>tr*3>th*3【敲tab】

列合併屬性:colspan=「合併的列數」。需要去掉合併後的多餘列元素td/th。

行合併屬性:rowspan=「合併的行數」。需要去掉合併後的多餘行元素td/th。

背景色的調整:bgcolor四. 表單

傳送到後端的引數形式是:鍵=值

其中鍵是標籤name屬性,值是標籤的value屬性。

radio使用checked="checked"來實現預設選中(同checkbox)。

h5中提供了placeholder及autofocus屬性,具體可以使用alt + /快捷鍵來檢視。

五. iframe標籤

>

>

href

=""target

="ifm"

>

>

li>

>

href

=""target

="ifm"

>

**a>

li>

>

href

=""target

="ifm"

>

京東a>

li>

ul>

width

="1000px"

height

="550px"

name

="ifm"

src=""

>

iframe

>

HTML5筆記 (常用元素)

根元素,允許省略 允許省略 標題引入樣式定義 段落換行 水平線換行與不換行的節加粗斜體強調小 上標下標 a scheme 一般是http host 在http中預設為www a slef,blank,top,parent 代表用本視窗,新視窗,頂級框架,父級框架開啟 a media 指定href才有...

5 學習html5筆記

background red url i.png no repeat center 0 background attachment 當元素大小小於背靜,只顯示一部分,應用精靈圖 邊框 border border width 2px 3px 4px 1px border style border to...

初學HTML5筆記(1)

1 html5的新特性 2 當前接觸html5一些常用標籤 使用sublime text一般都會補全內容 標籤 無序 描述 定義注釋 為注釋內容 定義文件型別 a b 定義粗體文字 bdo 定義文字顯示的方向 body 定義body元素 br 插入換行符 button 定義按鈕 caption 定義...