HTML基础知识精讲：语法、表格与表单

"HTML基础知识概览" HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它是构建网页结构的基础，让内容与样式分离，并通过浏览器解释执行。本篇总结将介绍HTML的一些基本概念和关键元素。 ### HTML的语法 HTML文档由一系列的元素组成，这些元素分为开始标签和结束标签，例如`<p>`和`</p>`代表一个段落。元素的内容位于开始标签和结束标签之间。属性是附加在开始标签上的额外信息，用来描述元素的特性和状态，如`class="example"`。属性通常以键值对形式出现，多个属性之间用空格分隔。 ### 表格的必备知识 #### 基本架构 HTML表格由`<table>`、`<tr>`（行）、`<td>`（单元格）构成。例如： ``` <table> <tr> <td>数据</td> </tr> </table> ``` #### 常用属性 - `colspan`: 合并单元格横向，例如`colspan="2"`表示单元格跨两列。 - `rowspan`: 合并单元格列向，例如`rowspan="2"`表示单元格跨两行。 - `width`和`height`: 可以使用百分比设定表格的宽高，例如`width="50%" height="30%"`。 ### 文本输入与文本框 - `<input type="text">`: 创建文本输入框，`size`属性可以设定输入框的宽度，例如`size="20"`。 - `<textarea>`: 创建多行文本输入的文本框，通常配合`cols`和`rows`属性使用，例如`cols="40" rows="5"`。 ### 表单的必备知识 #### 基本框架 HTML表单由`<form>`标签定义，`action`属性指定处理表单数据的URL，`method`属性定义提交数据的方式，如`GET`或`POST`。 ```html <form action="" method="get"> <!-- 输入字段 --> </form> ``` #### 表单标签与属性 - `<input>`: 用于各种类型的数据输入，如文本、密码、单选按钮等。 - `<select>`: 创建下拉列表，`<option>`定义可选项。 - `<br>`: 换行标签。 - `<textarea>`: 创建多行文本输入区域，配合`cols`和`rows`属性调整大小。 #### 属性 - `placeholder`: 提供输入框内的提示文本。 - `value`: 设置元素的默认值，也是浏览器发送给服务器的数据。 - `name`: 识别表单元素的名称，用于在提交时标识数据。 - `checked`和`selected`: 分别用于单选按钮和下拉列表中的默认选中项。 #### `<input>`的`type`属性 - `password`: 隐藏输入的文本，常用于密码输入。 - `radio`: 单选按钮，同组的`radio`需有相同的`name`属性，用户只能选择一个。 这只是HTML基础知识的冰山一角，实际上HTML还包括链接、图像、列表、框架、表单验证等多个方面。理解并熟练运用这些基础知识，对于初学者来说是进入网页开发领域的第一步。