html知识点整理ppt,HTML知识点梳理（详细整理版）

一.HTML文档基本结构

二.常用HTML标签(元素)

文本标签：(

—

)标题大小、标签、

本段落、文本容器、
换行符、

链接标签：https://www.baidu.com

图像标签：

表格标签：boder为表格边框属性，一个表格可以thead、thbody甚至tfoot构成

row 0, cell 1row 0, cell 2

row 1, cell 1row 1, cell 2row 2, cell 1row 2, cell 2row 3, cell 1row 3, cell 2row 4, cell 1row 4, cell 2

表格标签.png

列表标签:(列表可以层层嵌套，列表子标签可以嵌套其他的标签元素)、

有序列表

1. Coffee
2. Milk

无序列表

• Coffee
• Milk

自定义列表

Coffee

Black hot drink

Milk

White cold drink

格式化标签：

HTML文本格式化标签.png

计算机输出标签：

HTML计算机输出标签.png

引用标签：

HTML引用标签.png

头部标签：

HTML头部标签.png

三.常用HTML属性

背景颜色(Bgcolor)：颜色不同书写方式；六进制数、RGB 值或颜色名

背景(Background)

边框(border)：多用于表格

样式(style):设置width、height、color、background-color等属性值

A paragraph.

四.HTML中块级元素和内联元素

块级元素(block element)：

,

,

,

• ,

内联(行类)元素(inline element):, ,

, , 等

五.HTML的类和id以及css样式以及javaScript脚本引入方式

//引入css样式的两种方式：

#id{}

.class{}

六. HTML 表单(此部分内容较多且时刻运用在网页设计中，如下拉列表、输入框、导航栏等，所以单独剃出来详解一下)

元素：定义 HTML 表单，其属性包含如下：

form属性.png

method获取方式.png

元素：最重要的表单属性，根据 type 属性可以定义多种表单类型 text (文本输入框)、password (密码输入框)、radio (单选框)、checkbox (复选框)、submit (提交按钮)、button (按钮)等。

文本输入框

输入类型：text.png

密码输入框

输入类型：password.png

单选框

输入类型：radio.png

复选框

输入类型：checkbox.png

提交按钮

输入类型：submit.png

一般按钮

输入类型：button.png

HTML5 新增 type 输入类型：

html5输入类型.png

元素：下拉列表， 表示列表项，添加 selected 属性表示默认首选项。

Volvo

Saab

Fiat

Audi

select：下拉列表.png

元素: 定义多行输入字段(文本域)，rows、cols定义行和高，内容大于指定区域则出现scroll滚动栏。

文字区域......

textarea文本域.png

元素：定义点击按钮，onclick 属性可以绑定点击事件。

Click Me!

元素：组合表单数据，其中 元素为 元素定义标题。

Personal information:

First name:

Last name:

元素：为 元素规定预定义选项列表。 元素的 list 属性必须引用 元素的 id 属性。

datalist预定义选项列表.png