HTML（四）

最新推荐文章于 2022-10-28 22:46:58 发布

@ ^ @

最新推荐文章于 2022-10-28 22:46:58 发布

阅读量94

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/jdbfvhxx/article/details/96701180

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

实体

在这里插入图片描述

<!doctype html>
<html>
	<head>
	
		<meta charset="utf-8"/>
		<title>实体</title>
	</head>
	<body>
		<!-- 在HTML中，一些如< >这种字符是不能直接使用的，
			 需要使用一些特殊的符号，这些特殊符号我们称之为实体（转义字符串）
			 浏览器解析实体时，会自动将实体转换成对应的字符
			 实体语法：
				&+实体名称
					<	&lt;
					>	&gt;
					空格 &nbsp;
					版权符号 &copy;
		-->
		a&lt;b&gt;c
		<p align="center">
			投我以木瓜，报之以琼琚。<br/>
			匪报也，&nbsp;永以为好也！<br/>
			投我以木桃，报之以琼瑶。<br/>
			匪报也，&nbsp;永以为好也！<br/>
			投我以木李，报之以琼玖。<br/>
			匪报也，&nbsp;永以为好也！<br/>
			&copy 版权所有
		</p>
	</body>

</html>

图片标签

<!doctype html>
<html>
	<head>
	
		<meta charset="utf-8"/>
		<title>图片标签</title>
	</head>
	<body>
		<!--
			使用img标签来向网页中引入一个外部图片，
				img标签也是一个自结束标签
			属性：   src Source资源		href  Hypertext Reference超文本引用
				src：设置一个外部图片路径
				alt: 可以用来设置在图片不能显示时，对图片的描述
						搜索引擎能够通过alt属性来识别不同的图片
						如果不写alt属性，则搜索引擎不会对img进行收录
				weight: 可以用来修改图片的宽度，一般使用px作为单位

				height: 可以用来修改图片的高度，一般使用px作为单位

				宽度和高度两个属性如果只设置一个，另一个也会同时调整比例大小
					如果两个值同时指定则按照你指定的值来设置
				一般除了自适应页面，不建议设置width和height

		-->
		<img src="1.jpg" alt="哈哈哈，死机了吧" height="700px" weight="1350px"/>
	</body>
</html>

路径问题：

<!doctype html>
<html>
	<head>
	
		<meta charset="utf-8"/>
		<title>图片标签</title>
	</head>
	<body>
		<!--
			src属性配置的是图片的路径，目前我们所有使用的路径全都是相对路径。
			相对路径：
				相对路径指的是相对于当前资源所在的目录的位置
				<img src="img/i.jpg" alt="哈哈哈，死机了吧" height="700px" weight="1350px"/>

			可以使用../来返回上一级目录，返回几级路径就写几个../
				<img src="../../1.jpg" alt="哈哈哈，死机了吧" height="700px" weight="1350px"/>

		-->
		<img src="../1.jpg" alt="哈哈哈，死机了吧" height="700px" weight="1350px"/>
	</body>
</html>

图片格式问题

		图片格式：
			JPGE(JPG)
				-JPGE图片支持的颜色比较多，图片可以压缩，但不支持透明
				-一般使用JPGE来保存照片等颜色丰富的图片
			GIF
				-GIF支持的颜色少，只支持简单的透明（直线透明），支持动态图
				-图片颜色单一或者是动态图时用gif
			PNG
				—PNG支持颜色多，并且支持复杂透明
				-可以用来显示颜色复杂的透明图片

		图片使用原则：
			-效果一致时，使用小的
			-效果不一致时使用好的

meta

<!doctype html>
< html>
	<head>
		<meta charset="utf-8"/>
		<title></title>
		<!--
			meta标签还可以用来设置网页关键字，
		-->
		<meta name="keywords" content="HTML5,JavaScript,前端，Java"/>
		<!--
			还可以用来指定网页的描述
			搜索引擎在检索页面时，会同时检索页面的关键词和描述，但是这两个值不会影响页面在搜索引擎中的排名
		-->
		<meta name="description" content="发布h5,js等前端信息" />

		<!--
			使用meta可以用来做请求的重定向
		-->
		<meta http-equiv="refush" content="1; url=https://aistudio.baidu.com"/>

	</head>
	<body>
		<h1>5秒后跳转页面</h1>
	</body>
</html>

@ ^ @

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML（四）

实体<!doctype html><html> <head> <meta charset="utf-8"/> <title>实体</title> </head> <body> <!-- 在HTML中，一些如< >这种字符是不能直接使用的，需要使用一...
复制链接

扫一扫

专栏目录