HTML5

最新推荐文章于 2022-11-24 10:33:57 发布

小小萌新倪

最新推荐文章于 2022-11-24 10:33:57 发布

阅读量299

点赞数

本文链接：https://blog.csdn.net/qq_43366068/article/details/103227843

版权

简略概述HTML5

一、HTML5文档基本格式：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>无标题文档</title>
	</head>
	<body>
	</body>
</html>

1.只有在开头处使用<!DOCTYPE>声明，浏览器才能将该网页作为有效的HTML文档。
2.<html>称为根标记，告知浏览器它是一个HTML文档，既是开始又是结束。
3.<head>用于定义HTML文档的头部信息，也成头部标记，用来封装其他位于头部的标记。
4.<body>称为主体标记，浏览器显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内。
二、HTML5语法
1.标签不区分大小写。
2.允许属性值不使用引号。
3.允许部分属性值的属性省略。
三、HTML标记
1.单标记：也称空标记例如
双标记：例如<h1> 内容</h1>
2.注释标记: (,没有空格）
四、HTML5文档头部相关标记
1.在title中写上网页的名字。
2.<meta />标记用于定义页面的元信息，可重复出现在<head>头部标记中，是一个单标记。
3.<link>引用外部css样式。
4.<style>添加css样式。

文本控制标记

一、标题和段落标记
1.标题标记例如：<hn align="对齐方式">标题文本</hn>
left：左对齐 center：居中对齐 right：右对齐
2.段落标记例如：<p align="对齐方式">段落文本</p>
3.水平标记<hr /> 相当于添加一条默认样式的水平线。
align：设置水平线的对齐方式
size：设置水平线的粗细
color：设置水平线的颜色
width：设置水平线的宽度
4.换行标记<br />
二、文本格式化标记
在这里插入图片描述
三、特殊标记字符标记

图像标记

1.常用图像格式 gif，JPG，png
2.图像标记： <img src=" 图像url" />
3.图像的替换文本属性alt。
4.图像宽度：width
高度：height
边框属性：border
垂直边距：vspace
水平边距：hspace
对齐属性：align
一、绝对路径和相对路径
1.绝对路径：是网页上的文件或目录在硬盘上的真正路径
2.相对路径：是相当于当前文件的路径

超链接标记

一、创建超链接
1.例如：文本或图像
_self：在原窗口打开 _blank：在新窗口打开
二、锚点链接
当内容很多的时候，可用于锚点链接
例如：

<a href="one">文字</a>
<h3  id="one">文字</h3>
<p> 内容</p>

小小萌新倪

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5

简略概述HTML5一、HTML5文档基本格式：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> </body></html>1...
复制链接

扫一扫