HTML基础：常用标签与属性详解
2星 需积分: 14 31 浏览量
更新于2024-10-16
收藏 60KB DOC 举报 在HTML文档结构中，标签和属性是构建网页的基本元素，它们定义了网页的布局、样式和功能。本文档《HTML常用的标签和属性.doc》详尽介绍了HTML中的一些核心标签及其常用属性，这些知识对于理解网页开发至关重要。
1. **网页标题标签 <title>**：这是页面的头部标签，用于设置浏览器标签页和搜索引擎索引中的标题。设置的文本将决定用户在浏览器上看到的标题，以及搜索引擎排名的重要因素。
2. **主体标签 <body>**：这是页面的主要内容区域，包含了所有可视元素。其属性包括 `text`（字体类型）、`bgcolor`（背景颜色）、`background`（背景图片）、`bgproperties`（背景图片的固定或平铺）、`link`（正常链接颜色）、`alink`（访问过链接颜色）、`vlink`（已访问链接颜色），以及各种边距属性（如`topmargin`、`bottommargin`等），控制了页面的整体视觉效果。
3. **内容标题标签 <H1> - <H6>**：从大到小分别为标题1至标题6，用于定义文章标题的层次结构。`Align` 属性用于设置标题的对齐方式，如居左、居中或居右。
4. **字体标签 <font>**：提供了调整文本字体、大小和颜色的灵活性。通过`Face`（字体名称）、`size`（字体大小）和`color`（字体颜色）来定制文本样式。
5. **段落标签 <p>**：用于组织文本成段，`Align` 属性同样可以控制段落的对齐方式。
6. **换行标签 <BR>**：用于在文本中强制换行，创建新的行。
7. **图片标签 <img>**：用于插入图像，`src` 指定图片路径，`width` 和 `height` 控制图片尺寸，`border` 设定边框，`align` 定位图片位置，`alt` 提供图片的替代文本，以便于搜索引擎理解和视障用户的阅读。
8. **水平线标签 <HR>**：用于创建水平线，`Width`、`size` 和 `color` 可以调整线宽、粗细和颜色，`align` 控制线的位置，`noshade` 可以去掉线的阴影效果。
9. **预格式文本标签 <PRE>**：保留空白和缩进，常用于显示代码或格式固定的文本。
10. **链接标签 <A>**：定义超链接，`Href` 设置链接地址，`name` 为链接命名，`title` 提示文字，`target` 属性指定链接在新窗口(`_blank`)、父窗口(`_parent`)、当前窗口(`_self`)或顶部窗口(`_top`)中打开。
11. **滚动标签 <MARQUEE>**：创建滚动的文字或图片，通过`direction`、`behavior`、`scrollamount` 等属性控制滚动方向、方式、速度和循环次数，以及滚动范围和空间。
12. **多媒体标签 <embed>**：嵌入外部媒体文件，如音频、视频或应用程序，属性包括`Src`（文件路径）、尺寸(`width`和`height`)、是否隐藏(`hidden`)、自动播放(`autostart`)、循环(`loop`)等。
13. **背景音乐标签 <bgsound>**：虽然现代HTML不推荐使用，但曾被用来插入背景音乐，`src` 定义音频文件路径。
掌握这些基础HTML标签和属性，能帮助开发者构建出功能丰富、美观的网页。了解它们的工作原理，并能在实际项目中灵活运用，是Web前端开发的基础。
HTML 常用的标签和属性
标签 属性
网页标题标签
<title>
主 体
标 签
<bod
y>
text( 字 体 ) 、 bgcolor （ 背 景
色 ） 、 background （ 背 景 图
片）、bgproperties（value=xed
背 景 图 片 固 定 ） 、 link （ 链 接 颜
色 ） 、 alink （ 单 击 链 接 颜
色 ） 、 vlink （ 单 击 后 链 接 颜
色 ） 、 topmargin （ 页 面 上 边
距 ） 、 bottommargin （ 页 面 下 边
距 ） 、 leftmargin （ 页 面 左 边
距）、rightmargin（页面右边距）
内容标题标签
<H1> －
<H6>
Align( 对 齐 方 式 left/center/
right)
字 体 标 签
<font>
Face(字体类型)、size（字体
大小）、color（字体颜色）
段 落 标 签
<p>
Align( 对 齐 方 式 left/center/
right)
下载后可阅读完整内容，剩余6页未读，立即下载
2020-03-24 上传
2022-11-15 上传
2021-10-10 上传
2012-12-08 上传
2021-10-08 上传
2022-11-15 上传
www_vane
- 粉丝: 164
- 资源: 157
我的内容管理
展开
最新资源
- MATLAB新功能：Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件：创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用：基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现：Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence：掌握ISO8601日期范围与重复间隔检查
