<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<!-- h1是标题标签 作用为划分页面结构的 并分为h1 h2 h3 h4 h5 h6 六个级 数值越大层级越小-->
<h1>h1标题与段落</h1>
<h2>h2标题与段落</h2>
<h3>h3标题与段落</h3>
<h4>h4标题与段落</h4>
<h5>h5标题与段落</h5>
<h6>h6标题与段落</h6>
<p> p标签段落标签</p>
<p>h1是标题标签 作用为划分页面结构的 并分为h1 h2 h3 h4 h5 h6 六个级 数值越大层级越小</p>
<!--<style> 标签用于为 HTML 文档定义样式信息。在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。--> -->
<style>
p{
color: darksalmon;
}
</style>
<!-- <script> 标签用于定义客户端脚本,比如 JavaScript。script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型。JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。 -->
<script>
// alert('111');
</script>
<!-- a标签未链接标签 -->
<!-- target为窗口打开模式 -->
<!-- _self为当前页打开 当没有设置 target时默认为 _self当前页-->
<!-- _blank为新窗口打开 -->
<a href="1.html" target="_self">a标签链接标签</a>
<a href="1.html" target="_blank">a标签链接标签</a>
<!-- 在指定窗口打开target="iframe中的name值" -->
<hr/>
<a href="https://j.map.baidu.com/3a/h" target="abc">在指定窗口打开</a>
<iframe srcdoc="点击我打开地图" name="abc" style="width: 500px;height: 300px;"></iframe>
<!-- 锚点跳转 可实现在当前页面进行跳转 -->
<hr/>
img图像标签
<img src="123.jpg" alt="" style="width: 200px; ">
<hr/>
<a href="#abc">跳转到底部</a>
<div id="abc" style="margin-top: 200px;">我是底部</div>
<br>
<a href="#">返回顶部</a>
</body>
</html>