0
点赞
收藏
分享

微信扫一扫

第1天 文件模板介绍以及常用标签

雨鸣静声 2022-02-14 阅读 22
html5
<!--此为注释,注释不执行-->
<!--DOCTYPE document type 指定当前文档类型为html-->
<!DOCTYPE html>
<!--编码正式开始的区域,html是最大的标签-->
<html>
	<!--head 网页的头部相当于手机中的设置功能,主要负责网页的设置信息-->
	<head>
		<!--mete 设置一些网页格式,charset字符集,utf-8万国码 为了识别中文不会乱码-->
		<meta charset="UTF-8">
		<!--title 设置网页的标题-->
		<title>这是一个网页标题</title>
	</head>
	<!--body 网站内容的展示区域文字和图片放这里面-->
	<body>
		这是网页的内容
	</body>
</html>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>这是一个网页标题</title>
	</head>
	<body>
		<!--补全代码enter键或者Tap键->
		<!--1.标题标签 h1~h6字号加粗,并且字号逐级减小-->
		<h1>一一一</h1>
		<h2>二二二</h2>
		<h3>三三三</h3>
		<h4>四四四</h4>
		<h5>五五五</h5>
		<h6>六六六</h6>
		<!--2.段落标签 p
			文本从上自下,从左往右顺序排版,不识别手动换行
			需要设置换行标签<br />
			默认字号为16xp,为正常不加粗字体
		-->
		<!--转义字符&nbsp;-->
		<p>
			&nbsp;遇事不决,可问春风。<br />
			春风不语,可随本心。&nbsp;
		</p>
		<!--3.倾斜标签 em-->
		<em>这是一个倾斜斜标签</em><br />
		<!--4.加粗标签 strong-->
		<strong>这是一个加粗标签</strong><br />
		<!--5.图片标签 img
			src属性:给图片设置路径
			可以是本地资源,也可以是网络图片链接
			alt属性:图片路径报错提示
		-->
		<img src="img/100.jpg"alt="图片路径出错"/><br />
		<img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.AQI3RuWHZcbjp0rdTbAeLgHaHa?pid=ImgDet&rs=1"/>
		<img src="img/1.jpg"/>
</html>

运行结果
在这里插入图片描述

举报

相关推荐

0 条评论