HTML常用标签详解:图像、链接、锚点与更多
需积分: 10 74 浏览量
更新于2024-09-07
收藏 24KB DOCX 举报
"HTML常用标签部分笔记摘要"
HTML(HyperText Markup Language)是一种标记语言,用于构建和呈现网页。本摘要涵盖了HTML中的一些基础和常用的标签,主要包括排版标签、文本格式化标签、图像标签、链接标签以及锚点定位等。
1. 排版标签
- 标题标签:<h1>至<h6>:用于定义六级标题,h1为最高级别,h6为最低级别,通常用于文章或页面结构的层次划分。
- 段落标签:<p>:用于定义文本块,每个<p>标签之间会自动添加一定的间距,表示新的段落开始。
- 水平线标签:<hr/>:创建一条水平分隔线,常用于区分页面的不同部分。
- 换行标签:<br/>:用于强制文本在当前行结束后换行,不同于<p>标签的自动换行。
2. div与span标签
- div(division):无特定含义,主要作为布局容器,通过CSS控制样式和位置,常用于组织网页结构。
- span:同样无特定含义,用于对文本或元素进行组合和样式控制,通常应用于行内元素的包裹。
3. 文本格式化标签
- <b>、<i>、<s>、<u>:分别用于加粗、斜体、删除线和下划线,但推荐使用语义更强的<strong>、<em>、<del>、<ins>标签,它们表示强调、着重、删除和插入,有利于无障碍阅读和SEO优化。
4. 图像标签:<img/>
- 单标签,用于插入图像,属性包括src(指定图片URL)、alt(提供替代文本,用于图片无法显示时)等。例如:<img src="image.jpg" alt="描述性文本" />。
5. 链接标签:<a></a>
- 用于创建超链接,href属性指定链接的目标地址,target属性决定链接打开的方式,如_self(默认,在当前窗口打开)和_blank(新窗口打开)。
- 除了文字,还可以链接图像、音频、视频等不同类型的元素。
6. 锚点定位
- 使用<a href="#id名"></a>创建链接,点击后可以快速跳转到页面中具有相同id属性的元素位置,提高用户体验。
7. base标签
- 设置页面中所有链接的默认打开方式,如设置所有链接在新窗口打开:<base target="_blank" />。若需个别链接以不同方式打开,可在对应<a>标签中重置target属性。
8. 特殊字符标签
- HTML提供了许多预定义的实体,如"<"代表"<",">"代表">","&"代表"&",用于在文本中直接插入这些特殊字符而不被浏览器解析。
以上是HTML5中常见的标签及用法,理解并熟练运用这些标签是构建静态网页的基础。通过结合CSS和JavaScript,可以创建更具交互性和动态效果的网页。
2018-04-01 上传
2010-01-03 上传
2017-07-31 上传
2022-03-29 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
点击了解资源详情
陌上,芳菲
- 粉丝: 0
- 资源: 1
最新资源
- 平尾装配工作平台运输支撑系统设计与应用
- MAX-MIN Ant System:用MATLAB解决旅行商问题
- Flutter状态管理新秀:sealed_flutter_bloc包整合seal_unions
- Pong²开源游戏:双人对战图形化的经典竞技体验
- jQuery spriteAnimator插件:创建精灵动画的利器
- 广播媒体对象传输方法与设备的技术分析
- MATLAB HDF5数据提取工具:深层结构化数据处理
- 适用于arm64的Valgrind交叉编译包发布
- 基于canvas和Java后端的小程序“飞翔的小鸟”完整示例
- 全面升级STM32F7 Discovery LCD BSP驱动程序
- React Router v4 入门教程与示例代码解析
- 下载OpenCV各版本安装包,全面覆盖2.4至4.5
- 手写笔画分割技术的新突破:智能分割方法与装置
- 基于Koplowitz & Bruckstein算法的MATLAB周长估计方法
- Modbus4j-3.0.3版本免费下载指南
- PoqetPresenter:Sharp Zaurus上的开源OpenOffice演示查看器