重新认识HTML(二)
2021/9/5 23:39:25
本文主要是介绍重新认识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> ........
特殊字符
这篇关于重新认识HTML(二)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南
- 2024-12-21前端项目部署教程:从零开始的全面指南
- 2024-12-21拖拽表格教程:轻松入门指南
- 2024-12-21Element-Plus教程:新手入门与实战指南
- 2024-12-21TagsView标签栏导航教程:轻松掌握标签栏导航
- 2024-12-21动态表格实战:新手入门教程
- 2024-12-21动态菜单项实战:一步步教你实现动态菜单项
- 2024-12-21动态面包屑实战:新手教程