博主信息
博文 18
粉丝 0
评论 0
访问量 20317
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Html 标签理解及应用
沉寂的博客
原创
933人浏览过

html 标签理解及应用

html 标签可以分为单标签和双标签,都是文档流的元素,段落和标题标签 ,
如下所示标题标签为 h1-h6,常用为 h1-h3。

例如,

  1. <h1>Html</h1>
  2. <h2>Css3</h2>
  3. <h3>Javascript</h3>

h1-h3效果图

a标签

a标签是整个网页的灵魂元素,因为一个页面上的元素大部分都要配合a标签使用,实例如下
a标签最长用的方法就是页面之间的跳转。
<a href='https://www.php.cn/'>php中文网</a>

a标签的特殊用法

a标签用在iframe内联框架中

tatget name属性的值与a标签target属性的值相同时点击a标可以直接在iframe内联框架中显示

  1. <a href="https://www.baidu.com/" target="baidu">点我看看</a>
  2. <iframe
  3. name="baidu"
  4. frameborder="0"
  5. srcdoc="请点击:点我看看"
  6. style="border: 1px solid red; width: 500px; height: 200px"
  7. ></iframe>

代码执行结果:

iframe与a

a标签还可以做为一个锚点使用

a标签可以实现网页底部和顶部的跳转,使用锚点(id),首先给底部 footer 的div一个 id 属性值为footer创建一个锚点,代码如下:

  1. <a href='#footer'>点击我到达本页面底部</a>
  2. <!--创建锚点-->
  3. <div id='footer'>我是底部</div>
  4. <a href='#'>点击我返回本页面顶部</a>

</div>

批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学