<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--
标签的属性：
id值：不可重复，用于区别和查找标签
class值：
一个标签可以继承多个class值
一个class可以被多个标签同时继承
-->
<!--
区块标签：
用于布局，可修改长宽，可以多层嵌套，独占一行
特例：p标签只能嵌套行内标签
-->
<div>区块</div>
<p>段落</p>
<h1>标题</h1>
<ul>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ol start="3">
<li>有序列表</li>
<li>有序列表</li>
</ol>
<!--水平分割线-->
<hr>
<!--换行-->
<br>
<!--
行内标签：
用于布局，不可修改长宽，只能嵌套行内标签
占用的空间与内容数量相同
-->
<span>行标签</span>
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>
<!--链接标签
用户点击后跳转到链接标签
可指定为新建页面跳转：_blank
可通过id定位，回到某个位置
-->
<a href="#d2" target="_self" id="d1">a标签</a>
<div style="height: 1000px"></div>
<a href="#d1" target="_self" id="d2">a标签</a>
<a href="https://www.baidu.com" target="_blank">a标签</a>
<!--图片标签 地址 无法加载时的描述信息 鼠标悬浮时的提示信息-->
<img src="a.jpeg" alt="大熊猫不见了" title="熊猫">
</body>
</html>
0
点赞
收藏
分享
body标签
相关推荐
0 条评论
