HTML基础:常用标签与属性详解

2星 需积分: 14 6 下载量 25 浏览量 更新于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前端开发的基础。