关于对内容HTML4-5的总结

一.HTML相关内容

主要作用:做数据展示
Document 文档
Type 类型
Language —lang 语言 en 英文 zh-cn中文
在这里插入图片描述
Head 表示html的头的部分
Body 表示html的正文的部分
Meta —metadata 源数据
Title 表示文档的标题

Hn 标签 表示文本的标题
N的取值范围 1-6
H1----h6
N的取值越大 字体越小 加粗

二.表单

1.Form—表单

该标签一般不会单独使用 会和input标签联合使用

HTML 标签的 type 属性
在这里插入图片描述

在这里插入图片描述
属性:action=“url” url 表示路径
绝对路径:从盘符开始 要描述的文件路径 路径+文件的名称
相对路径:当前源文件和目标文件的相对路径位置
例如像: file:///D:/code/css/2.htmlusername=zhangsan&pwd=123
其中? 表示目标文件的结束标识 & 表示属性连接符

Get请求 和Post请求有什么区别?

相同点:两种请求方式都是能够让后台接受到数据的
不同点:1.Get请求 不安全 会把name属性的值暴露在地址栏上 地址栏默认大小为64kb;
2.Post请求 安全 不会再地址栏上暴露name属性的值。

Select 标签 选择框
多选 使用multiple属性

在这里插入图片描述
文本域:textarea rows 表示行数 cols 表示列数

Align=“” center表示居中 left 居左 right 居右

div标签 网页的分区的显示

p标签标示对行的控制

2.body标签

bgcolor ----背景颜色
英文单词:red green blue black
十六进制:#rrggbb 0-f #000000 -#ffffff
Background 使用图片作为背景 (不建议使用)

页面跳转:可以使用form表单 action属性进行页面的跳转

A标签 可以进行页面跳转 默认为get请求
Href=”url”

3.font标签

可以控制字体的大小和颜色
锚点:使网页的展示到达某一个定位的地点
在这里插入图片描述

4. Img标签

表示页面上的图片Src属性 ----source 指代的是图片的路径 url
Alt属性 —表示图像的替代文本

Width 宽度
Height高度
该两个属性可以控制图片的大小 单位可以使用XXpx 100%

Map 和area 这两个标签
Map —地图 计算机语言 映射
在这里插入图片描述

三.表格布局

1.表格布局

主要使用的就是表格的标签
Table ----表格
Tr ----表行
Th ----表头
Td -----表元
在这里插入图片描述
在这里插入图片描述

2.列表

2.1无序列表

在这里插入图片描述
适应场景 : 论坛新闻项 展开闭合 导航

2.2有序列表

在这里插入图片描述
属性:
reversed
reverse------反转
type类型中可以使用数字 字母 以及罗马数字

2.3定义列表

在这里插入图片描述

四.字体的控制跑马灯

在这里插入图片描述
在这里插入图片描述

五.HTML5中的标签 音频和视频

1.视频

在这里插入图片描述

2.音频

在这里插入图片描述

六.常用但意义不明的标签

在这里插入图片描述
在这里插入图片描述

七.多窗口框架

在这里插入图片描述

1.frameset
在这里插入图片描述注意:如果要使用frameset标签那么它不能和body标签连用

2.iframe
在这里插入图片描述

八.总结

Html4.0版本----XHTML -------HTML5
Html4.0的版本中 语法和规范都不够严谨,不严谨也可以显示出窗口内容,但是语法不够规范,。不是所有的用户都能够看到正确的页面。所以w3c联盟提出了一个版本来规划html的语法、文本头 或者是DTD的命名等等 -----
XHTML1.0------部门 ----XHTML2.0 语法上做升级
------HTML5 一个在功能上做升级
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值