<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题和段落</title>
</head>
<body>
<h1>这是一个标题标签</h1>
<p>这是一个段落标签</p>
<!-- 元素是由标签和属性共同构成 -->
<!-- html中的内容要想添加到HTML页面中必须用标签包住 -->
<h1>1</h1>
<h2>3</h2>
<h3>4</h3>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>链接与锚点</title>
<style>
.body{
display: grid;
}
</style>
</head>
<body>
<a href="https://www.php.cn/" target="_self">php中文网</a>
<a href="https://www.php.cn/" target="baidu">php中文网</a>
<!-- _blank在页面跳转的新窗口打开 -->
<!-- _self在当前页面打开 -->
<!-- inframe在指定的窗口中打开 -->
<iframe src="https://www.php.cn" frameborder="0" name="baidu" width="200em" height="300em"></iframe>
<a href="#footer">跳转到底部</a>
<!-- 创建锚点 -->
<!-- div容器 添加id就是锚点 -->
<div id="footer" style="margin-top: 1000px;">俺是底部</div>
<!-- http://127.0.0.1:5500/1208/demo2.html#footer -->
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图片元素</title>
</head>
<body>
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg" alt="图片" width="100px">
<!-- 设置一个属性就可以，宽度或者高度，另外的会等比例放大缩小，实际不要这样做用css，图片很少单独使用 -->
</body>
</html>