Web前端知識之HTML5學習筆記

Web前端知識之HTML5學習筆記

第一課:

h1:align屬性 對齊方式 默認居左

body:bgcolor屬性 background是設置背景圖片的

a:target屬性

_self 打開本地

-blank 新頁面打開

_parentf父級打開

_top

第二課:

h5不支持<big>

<b>加粗

<em>加重

<i>斜體

<small>小號字

<strong>加重

<sub>上標

<sup>下標

<ins>插入

<des>刪除

第三課:

三種樣式表插入方法:

外部樣式表:<link rel="stylesheet" type="text/css" href="">

內部樣式表:<style type="text/css"> body{} </style>

內聯樣式表:<p stylex="color:green"></p>

第四課:HTML鏈接:

鏈接數據:

文本鏈接

圖片鏈接

屬性:

href屬性:指向另一個文檔的鏈接

name屬性 文檔內鏈接

img標籤屬性

alt屬性 圖片出現異常 替換文本屬性

width

height

第五課:表格

<table>定義表格 屬性 邊框 border="1"

屬性 表格大小 cellpadding="10"

屬性 單元格間距cellspacing="10"

bgcolor

background

<caption>表格標題

<th>表頭

<tr>行

<td>單元 表格內的標籤 ul

<thead>頁眉

<tbody>主體

<tfoot>頁腳

<col>列屬性

第六課:列表

無序列表 ul li

屬性:disc實心圓 cirle square 方塊實體

有序列表

ol li

A a I i start

自定義列表:

dl 列表

dt 列表項

dd 描述

第七課:布局

使用<div>元素布局

使用<table>布局

合併單元格屬性 colspan="2"

第七課:表單

form 表單 action="" method=""

input 輸入域

複選框

type="checkbox"

單選框

type="radio" name="" name 實現一個組的概念

下拉列表

<select>

<option>

按鈕 type="button" value="按鈕"

提交 type="submit" value 可要

文本域:可在form外創建

<textarea cols="30" rows="30"></textarea>

推薦閱讀:

我的前端成長回顧
2019屆美圖前端實習方向一面、二面面經
前端日刊-2018.1.2
前端日刊-2017.12.13

TAG:前端開發 | HTML | 前端工程師 |