重新认识HTML(二)

文本格式化标签

  • b和strong 文字以粗体显示
  • i和em 文字以斜体显示
  • s和del 文字以加删除线显示
  • u和ins 文字以加下划线显示
我是<strong>加粗</strong>的文字 我是
<b>加粗</b>的文字 我是
<em>倾斜</em>的文字 我是
<i>倾斜</i>的文字 我是
<del>删除线</del> 我是
<s>删除线</s> 我是
<ins>下划线</ins> 我是
<u>下划线</u>

img标签

重新认识HTML(二)

<img src="img.jpg" alt="图片加载失败" title="这里是banner"  width="500" border="15"/>

a标签

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
  • target="_self" 默认窗口弹出方式
  • target="_blank" 新窗口弹出
  • 外部链接 需要添加 http:// www.baidu.com
  • 内部链接 直接链接内部页面名称即可 比如 < a href=“index.html”> 首页
  • 如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。

锚点定位

  • 通过创建锚点链接,用户能够快速定位到目标内容
  • 使用<a href="#id名">链接文本</a>创建链接文本(被点击的)
  • 使用相应的id名标注跳转目标的位置。<h3 id="two">第2集</h3> (找目标)
......
<a href="#live">个人生活</a><br />
.......
<h3 id="live">个人生活</h3>
........

特殊字符

重新认识HTML(二)

上一篇:支付倒计时


下一篇:如何在VUE单页面引入CSS、JS(CDN链接)