css基础知识-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_73616944/article/details/145964799

W3C标准：网页由三部分构成

结构：HTML

表现：CSS

行为：JavaScript

HTML（HyperText Markup Language）是一种用于创建网页结构和内容的标记语言。通过使用HTML标签，可以组织和呈现文本、图像、链接、表格、表单等元素，从而构建出丰富的网页。

以下是一些常用的HTML标签和其功能：

1. `<html>`：定义HTML文档的根元素。
2. `<head>`：包含关于文档的一些元数据，如标题、样式表等。
3. `<title>`：定义网页的标题，显示在浏览器的标题栏或页签上。
4. `<body>`：定义网页的主体内容。
5. `<h1>`-`<h6>`：定义标题，h1为最高级标题，h6为最低级标题。
6. <b>:粗体
7. <i>:斜体
8. <u>:文本下划线
9. `<br>`标签：`<br>`标签是最简单的换行方法，它表示强制换行
10. `<p>`：定义段落，用于包裹文本内容。
11. `<a>`：定义超链接，用于链接到其他页面或位置。
12. `<img>`：插入图片，并指定图片的路径、大小等属性。
13. `<ul>`和`<ol>`：定义无序列表和有序列表，分别表示项目符号和数字编号。
14. `<li>`：定义列表项，在`<ul>`或`<ol>`内使用。
15. `<table>`：定义表格，包含行(`<tr>`)和列(`<td>`或`<th>`)。
16. `<form>`：定义表单，用于收集用户输入的数据。
17. `<input>`：定义输入字段，比如文本框、复选框、单选按钮等。
18. `<button>`：定义按钮，用于触发相关操作。

### 1.<a>超链接标签

bref ="网址"

target =" _self"

target=" _blank"

<a href ="https://www.itcast.cn">点我有惊喜</a>

### 2.<li>列表标签

有序列表<ol>

</ol>

无序列表<ul>

### 3.<table>表格标签

border:定义边框宽度

width：规定表格的宽度

cellspaci0ng:规定单元格之间的空白

<tr>: 定义行

align:定义表格行的内容对齐方式

<td>：定义单元格

rowspan：规定单元格可横跨行数

colsapn：规定单元格可横跨列数

### 4. <div>布局标签

<span>

<div>我是div</div><div>我是div</div><span>我是span</span><span>我是span</span>

### *5.<form>表单标签

from:
action:指定表单数据提交URL
*表单数据想要提交，则必须指定其“name”属性
method:指定表单提交方式
1.get：默认值
*请求参数会拼接在URL后边
2.post：
*请求参数会在http请求协议的请求中

#### 表单项

1.<input>:表单项，通过type属性控制输入形式

2.<select>：定义下拉列表，<option>定义列表项

3.<textarea>:文本域

HTML中的表单标签用于创建收集用户输入数据的表单，通常包含许多不同类型的输入字段，例如文本输入框、复选框、单选按钮、下拉菜单和提交按钮等。以下是常见的HTML表单标签：

1. <form> 标签：定义一个表单，可以设置表单的属性，如action和method等。
2. <input> 标签：定义一个输入字段，如文本输入框、密码输入框、复选框、单选按钮等。有多个type属性可设置，例如text、password、checkbox、radio等。
3. <textarea> 标签：定义一个多行文本输入框。
4. <select> 标签：定义一个下拉菜单，可以设置多个<option>子标签来定义选项。
5. <option> 标签：定义一个下拉菜单的选项，可以设置value属性和被显示的文本内容。
6. <button> 标签：定义一个按钮，可设置type属性为submit或reset来分别用于表单提交或重置表单。
7. <label> 标签：定义一个标签，将标签和形式元素（例如输入框、下拉菜单等）关联起来，使用户能够更好地理解表单。

除了以上标记，HTML还提供了其他表单相关的标记，例如fieldset、legend、optgroup等，这些标记可以帮助开发人员更有效地创建丰富的表单。