ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

重新认识HTML(二)

2021-09-05 23:30:22  阅读:151  来源: 互联网

标签:文字 重新认识 下划线 href 标签 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标签

在这里插入图片描述

<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>
........

特殊字符

在这里插入图片描述

标签:文字,重新认识,下划线,href,标签,HTML,文本,链接
来源: https://blog.csdn.net/weixin_44178305/article/details/120123507

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有