HTML部分总结

一.什么是HTML？

HTML 是 HyperText Markup Language（超文本标记语言）的缩写，它是用于创建网页 的标准标记语言。HTML 使用标记标签来描述网页，由浏览器来解析，即使用 HTML 来建 立 Web 站点，通过 Web 浏览器读取 HTML 文档，并以网页的形式显示出来。

HTML 特点：

简单灵活

可扩展

平台无关性

二.HTML语法

语法结构： HTML 标签。

< 标签 属性 =" 值 "> 内容 </ 标签 >

比如 <p> 是 HTML 中的段落标签，下面以 <p> 为例来详细解释标签。

语法解析：

标签通常是成对出现的，分为开始标签（ p ）和结束标签 (/p) ，结束标签只是在开始标签前加一个斜

杠 “/” 。标签可以有属性（ align ），属性必须有值 (center ) 。 开始标签与结束标签中包含的内容称之为区

域。标签不区分大小写， p 和 P 是相同的。

三.HTML常用标签

1.strong 和 b 等标签

2.br 、 hr 标签

br 标签 ------ 用来换行

hr 标签 ------ 水平分割线，可以设置 width 和 size

3.p 标签

段落标签

两个相邻的 p 标签之间会空一行

align 属性 位置 left( 默认值 ) right center

font 标签 ------- 设置字体

color 属性 ---- 设置颜色 颜色的表示法：第一种：英文单词 第二种： #rrggbb 三原色 red green

blue

4.input 标签

语法格式：

type 的取值：

text ----- 文本框

password ---- 密码框

submit ----- 提交按钮

radio ------ 单选按钮

checkbox ----- 多选按钮

reset ----- 重置按钮

button ----- 普通按钮

image ----- 图像按钮

file ------ 文件

hidden ---- 隐藏域

email ---- 邮箱域

color ----- 颜色域

date ----- 日期

time ----- 时间

datetime-local ----- 日期 + 时间

range ------ 进度条

比如:

常见的属性：

readonly ------ 只读 字段只可以读不能修改

checked ---- 默认选择

disabled ----- 表示禁用 不可以点击

autofocus ----- 默认光标的位置

required ----- 不能空白提交

5. 表单标签

form 标签 一般会和 input 标签连用

6.select 标签

下拉列表框 ------ 一般和 option 标签连用

属性： selected ------ 默认被选中的选项

multiple------- 以列表的形式展示

7.textarea标签

用来显示文本域

cols --------- 多少列，用于表示文本域的宽度

rows -------- 多少行，用于表示文本域的高度

8.a标签 ----- 超链接

vlink ----- 访问过的超文本链接的颜色

alink ---- 激活超文本链接的颜色

link ------ 超文本链接的颜色

text ---- 文本的颜色

bgcolor ----- 背景颜色

background ----- 背景图片

9.img 标签

图片常见的格式： GIF JPG PNG BMP 等

src ----- 图片的路径（绝对路径和相对路径）

alt ----- 代替图片文本的内容（图片的路径错误或者因为浏览器的原因打不开这个图，用一个词或者

一段话代替描述这个图片）

width ----- 宽度

height ---- 高度单位都是 px %

border ------ 边框默认值是 0

align ---- 位置（图片和文字的位置）

取值： top ----- 上对齐 middle ----- 居中对齐 bottom ------ 下对齐（默认对齐） right ----- 右对齐

left ------ 左对齐

比如:

10.多媒体标签

audio ------ 音频

video ---- -- 视频

controls 属性 ----- 表示的是播放器的组件

autoplay 属性 ---- 表示的自动播放

loop 属性 ------ 表示的是循环播放

比如:

11.表格布局

table 标签

包含了 thead tbody tfoot tr td 标签

border ----- 设置表格边框

width ----- 宽度

height ---- 高度

bgcolor ---- 背景颜色

background ---- 背景图片

align ---- 表示表格的位置 left center right

cellpadding ---- 表示的是表格边距（表示单元格内元素距离单元格边框的距离）

cellspacing------ 表示的是表格的间距（表示的是单元格和单元格之间的距离

cellpadding 、 cellspacing 都有一个默认值 2px

表格里面可以嵌套另一个表格

单元格合并行

rowspan="n" ------ n 是一个整数，表示在单元格垂直方向去跨行（合并行）

colspan = "n" ------- n 是一个整数，表示在单元格水平方向去跨列（合并列）

补充:html中的转义字符:

四.学习心得

1. 学习HTML语言，掌握了网页的基本结构和构建方式，同时也提高了我的编码技能。理解基础概念和掌握文档结构是学习HTML的关键。学习过程需要不断实践和总结，还需结合CSS和JavaScript进一步提升网页体验。