HTML常用标签详解:图像、链接、锚点与更多

需积分: 10 0 下载量 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提供了许多预定义的实体,如"&lt;"代表"<","&gt;"代表">","&amp;"代表"&",用于在文本中直接插入这些特殊字符而不被浏览器解析。 以上是HTML5中常见的标签及用法,理解并熟练运用这些标签是构建静态网页的基础。通过结合CSS和JavaScript,可以创建更具交互性和动态效果的网页。