HTML常用标签（一）

12月8日作业

标题和段落

1.标题标签

<h1>这是一个标题标签</h1>
<h2>这是一个标题标签</h2>
<h3>这是一个标题标签</h3>
<h4>这是一个标题标签</h4>
<h5>这是一个标题标签</h5>
<h6>这是一个标题标签</h6>

2.段落标签

<p>这是一个段落标签</p>

连接与锚点

1.链接标签

<!-- a标签当前页面跳转 -->
<a href="https://www.baidu.com/">百度</a>
<!-- a标签新窗口新页面跳转 -->
<a href="https://www.baidu.com/" target="_blank">百度</a>

2.ifame内联标签

<!-- 在指定的窗口打开 target="iframt内联框架的name值" -->
<a href="https://www.baidu.com/" target="baidu">百度</a>
<iframe srcdoc="<em>点击上面的:小度</em>" name="baidu" width="400"></iframe>

3.锚点使用

<!--使用锚点可实现在当前页面中的任意位置进行跳转-->
<a href="#footer">点我跳转到底部</a>
<div id="footer" style="margin-top: 1000px">我是底部</div>
<a href="#">回到顶部</a>

图片标签

1.img标签

<!-- 通过src打开一张网络图片地址 -->
<img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" />
<!-- 图片设置大小的时候只需要设置一个如宽度，或高度，另一个会等比缩放 -->
<img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" width="200" />