欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

HTML 插入图片基本命令

程序员文章站 2022-06-12 12:46:22
...
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<img src="../image/qq.jpg" alt="图片加载失败..." title="腾讯公司的企鹅">
	<hr>
	<img src="../image/qq.jpg" width="400px" height="100px" >
	<hr>
	<img src="../image/ma.jpg" alt="50%">
	<hr>
	<div style="width: 800px;height: 800px;background: red;">
		<img src="../image/ma.jpg" width="50%">
	</div>
</body>
</html>

HTML 插入图片基本命令

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	welcome <i>to</i> html!
	<hr>
	welcome <em>to</em> html!
	<hr>
 	welcome <address>to html!</address>
 	<hr>
	从<b>入门</b>到精通
	<br>
	从<strong>入门</strong>到精通
	<hr>
	原价188，优惠价<span style="font-size: 40px;color: red">98</span>
	<br>
	主讲：<ins>hector</ins>
	<hr>
	水的分子表达式：H<sub>2</sub>O<sup>3</sup>
	<hr>
	<bdo dir="ltr rtl">jdgjglkajgj</bdo>
	<bdo dir="ltr rtl">上海自来水来自海上</bdo>
	<hr>
	<abbr title="hyper text language">html</abbr>
	<hr>
	<span title="hyper text language">html</span>
	<hr>
	html从<small>入门</small>到精通
	html从<big>入门</big>到精通
</body>
</html>

HTML 插入图片基本命令

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!--设置网页关键字 SEO网站优化-->
	<meta name="keywords" content="IT教育，java开发，web前端，Python，Andorid开发">
	<!-- 设置网站作者 -->
	<meta name="description" content="做专业得听教育">
	<!--  -->
	<meta name="author" content="hector">
	<!-- 设置网页转跳 -->
	<!-- <meta http-equiv="refresh" content="2;url=https://www.baidu.com"> -->
	<title>Document</title>
	<!-- 定义内部css 样式-->
	<style\>
		body{color:red;}
	</style>
	<!-- 引用外部的css样式 -->
	<link rel="stylesheet" type="text/css" href="css文件路径">
	<!-- 定义或引用文本 -->
	<script >alert("哈哈")</script>
	<!-- 定义基础路径 -->
	<base href="../image/">
</head>
<body>
	IT教育，全国计算机等级考试
	<img src="ma.jpg" alt="">
	<hr>
	<img src="qq.jpg" alt="">
</body>
</html>

HTML 插入图片基本命令

HTML 插入图片基本命令

相关标签： html html5

上一篇： 蓝桥杯2018 B组C省赛真题 2018-2明码

下一篇： HTML学习笔记（三）——超链接标签

推荐阅读