博客列表 >HTML常用标签(一)

HTML常用标签(一)

原创
2020年12月12日 23:42:31459浏览

12月8日作业

标题和段落

1.标题标签

  1. <h1>这是一个标题标签</h1>
  2. <h2>这是一个标题标签</h2>
  3. <h3>这是一个标题标签</h3>
  4. <h4>这是一个标题标签</h4>
  5. <h5>这是一个标题标签</h5>
  6. <h6>这是一个标题标签</h6>

2.段落标签

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

连接与锚点

1.链接标签

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

2.ifame内联标签

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

3.锚点使用

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

图片标签

1.img标签

  1. <!-- 通过src打开一张网络图片地址 -->
  2. <img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" />
  3. <!-- 图片设置大小的时候只需要设置一个如宽度,或高度,另一个会等比缩放 -->
  4. <img src="https://img.php.cn/upload/course/000/000/001/5d240e769553b901.jpg" width="200" />
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议