HTML常用标签与属性详解

需积分: 42 5 下载量 18 浏览量 更新于2024-09-05 1 收藏 21KB DOCX 举报
"该文档详细介绍了HTML中的常用标签和属性,包括HTML页面的基本结构、不同类型的标签、属性的使用以及表单相关元素。" 在HTML中,常用的标签和属性是构建网页的基础。文档中提到了一些核心概念: 1. HTML页面结构:一个完整的HTML页面由`<html>`、`<head>`和`<body>`组成。`<html>`是整个文档的根元素,`<head>`包含了元信息如页面标题`<title>`,而`<body>`则承载着网页的主要内容。 2. 块级标签与行级标签:块级标签如`<h1>`至`<h6>`、`<p>`、`<div>`等,它们会在页面上占据一整行;行级标签如`<a>`、`<font>`、`<img>`等,它们在同一行内显示。 3. 常用属性:如`src`属性,用于指定外部资源的位置,例如图片`<img>`的来源或脚本`<script>`的路径。 4. 标签分类:文档中列举了多种标签,包括用于文本格式化的`<b>`、`<i>`、`<em>`等,用于链接的`<a>`,用于图像的`<img>`,用于换行的`<br>`,以及用于分隔线的`<hr>`等。 5. 列表标签:`<ul>`和`<ol>`分别用于创建无序和有序列表,`<li>`则用于定义列表项。`<dl>`、`<dt>`和`<dd>`则用于定义列表,其中`<dt>`定义标题,`<dd>`定义描述。 6. 表格相关:`<table>`是表格的容器,`<tr>`定义行,`<td>`定义单元格,`<th>`定义表头,`<caption>`添加表格标题,`<thead>`、`<tbody>`和`<tfoot>`分别表示表格的表头、主体和页脚部分。 7. 表单相关:`<form>`用于创建表单,`<input>`可以作为各种输入控件,如文本框、密码框等;`<select>`创建下拉列表,`<option>`定义选项;`<textarea>`用于多行文本输入。表单提交的数据可以通过`get`或`<post>`方法发送到服务器,`get`方法的数据在URL中可见,而`post`方法则将数据隐藏在请求体中,相对安全。 8. CSS标签:虽然标签主要讨论HTML,但`<style>`和`<link>`标签也与CSS有关,`<style>`用于在HTML文档内部定义样式,`<link>`则用于引入外部CSS文件,以实现页面的样式控制。 9. 框架相关:`<frameset>`、`<frame>`和`<iframe>`用于创建网页框架,其中`<frameset>`定义框架集,`<frame>`定义单独的显示区域,`<iframe>`则用于嵌入独立的网页内容。 这些标签和属性构成了HTML的基础,通过它们的组合使用,开发者能够构建出丰富的网页布局和交互功能。在实际开发中,还需要结合CSS进行样式控制,以及JavaScript实现动态交互效果。