HTML5知识点

最新推荐文章于 2024-06-12 19:26:55 发布

一个快乐的野指针~

最新推荐文章于 2024-06-12 19:26:55 发布

阅读量1.4k

点赞数 1

分类专栏： # HTML5、CSS JavaWeb 文章标签： html5

本文链接：https://blog.csdn.net/qq_44715943/article/details/114384519

版权

JavaWeb 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

HTML5、CSS

1 篇文章 0 订阅

订阅专栏

一、HTML5基础

1.HTML5文档的基本格式：

文档类型声明<!DOCTYPE>、根标记< html>、头部标记< head>、主体标记< body>.

<!---无下面行就是HTML4.0---->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">//浏览器的编码格式--->不是编译器的编码格式（编译器和浏览器编码格式要一样不然乱码）
		<title>test</title>//网页标题
	</head>
	<body>//页面内容
	    Hello World.
	</body>
</html>

在这里插入图片描述

2.HTML5语法：

标签不区分大小写
允许属性值不使用引号
允许部分属性值的属性省略
在这里插入图片描述

3.HTML标记:

在这里插入图片描述

4.标记的属性

在这里插入图片描述

5.HTML5文档头部相关标记

在这里插入图片描述

二、文本控制标记

1.标题和段落标记

在这里插入图片描述

2.文本格式化标记

在这里插入图片描述

3.特殊字符标记

在这里插入图片描述

4.图像标记< src>

在这里插入图片描述

注：width和height通常只设置其中的一个，另一个会按原图等比例显示。如果同时设置两个，会导致图片变形或失真！！！

（1）相对路径和绝对路径：
在这里插入图片描述

5.1超链接标记< a>< /a>

在这里插入图片描述

5.2锚点链接：

在这里插入图片描述

二、HTML5页面元素及属性

1.列表元素

1.1 ul元素< ul>< li>< /li>< ul>

在这里插入图片描述
标签样式：

常用属性：
stye—>符号样式

1.2 ol元素< ol>< li>< /li>< ol>

在这里插入图片描述
标签样式：

常用属性：
stye—>序号样式
start—>开始序号（必须为数字）

1.3 dl元素

在这里插入图片描述
标签样式：

1.4 列表的嵌套应用

在这里插入图片描述

三、表格< table>< /table>

1.表格标签

在这里插入图片描述

2.表格常用属性

在这里插入图片描述

3.合并单元格

在这里插入图片描述

四、表单

1.表单的构成

在这里插入图片描述

2.创建表单

在这里插入图片描述

3.表单常用属性

在这里插入图片描述

3.1表单其他属性

在这里插入图片描述

4.表单的input元素的type属性（18种）

在这里插入图片描述

type属性：

在这里插入图片描述

5.表单的其他元素

5.1textarea元素

在这里插入图片描述
属性：

5.2select元素

在这里插入图片描述

一个快乐的野指针~

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
HTML5知识点

一、HTML5基础1.HTML5文档的基本格式：文档类型声明<!DOCTYPE>、根标记< html>、头部标记< head>、主体标记< body>.<!DOCTYPE html><html> <head> <meta charset="utf-8">//编码格式 <title>test</title>//网页标题 </head> <body&gt
复制链接

扫一扫

专栏目录