HTML常用标签及属性.docx

HTML常用标签及属性：“HTML的常用标签表单标签作用：可以提交不同的数据到服务器标签：<form></form>:表示表单的范围【父标签】 主要作用：用于采集用户信息 子标签的分类： 表单标签：包含数据提交服务器地址、提交方式【get和post】 表单域：用于采集用户信息【姓名，密码，邮箱，上传文件。】 表单按钮：提交按钮·，复原按钮【面试题】get和post的区别a.get请求地址栏中会携带页面中所有的信息，post中不会【http请求】b.get请求安全性低，post相对较高c.get请求效率高，post相对较低d.get请求对数据的大小限制，而post没有任何限制 HTML是 HyperText Markup Language 的缩写，是一种用于创建网页的标准标记语言。在HTML中，标签是用来定义网页内容和结构的关键元素。以下是一些常用的HTML标签及其属性： 1. **表单标签**： - `<form>`：用于创建一个表单，用户可以在其中输入数据并提交给服务器。`action`属性指定数据提交的URL，`method`属性定义提交方式，默认是GET，但POST更安全。 - GET和POST的区别： - GET在URL中显示数据，安全性低，适合传递少量不敏感信息。 - POST不显示在URL，安全性相对较高，可处理大量数据，常用于敏感信息如密码的传输。 2. **表单域**： - `<input>`：用于创建输入字段，例如文本框、密码框等。`type`属性决定输入类型，如`text`、`password`、`file`等。 - `<select>`：创建下拉选择框，`<option>`标签定义选项。 - `<textarea>`：创建多行文本输入区域。 3. **其他常用标签**： - `<h1>`~`<h6>`：定义不同级别的标题，数字越大，标题级别越低。 - `<p>`：定义段落。 - `<a>`：创建超链接，`href`属性定义链接目标，`target`属性决定如何打开链接。 - `<img>`：插入图像，`src`属性指定图像源，`alt`属性提供替代文本。 - `<br>`：插入换行。 - `<hr>`：创建水平线。 - `<b>`、`<i>`、`<em>`、`<strong>`：用于文本样式，如加粗、斜体、强调等。 - `<ul>`、`<ol>`：创建无序和有序列表，`<li>`定义列表项。 - `<dl>`、`<dt>`、`<dd>`：定义定义列表，`<dt>`为定义标题，`<dd>`为定义描述。 - `<table>`：创建表格，`<tr>`定义行，`<td>`定义单元格，`<th>`定义表头，`<caption>`定义表格标题。 - `<frameset>`、`<frame>`、`<iframe>`：用于创建框架，`<iframe>`可嵌入外部内容。 4. **属性**： - `width`和`height`：定义元素的宽度和高度。 - `border`、`size`：设置边框宽度。 - `bgcolor`、`background-color`：定义背景色。 - `list-style`、`list-style-image`、`list-style-type`：控制列表样式。 - `line-height`：设置行间距。 - `text-align`：定义文本对齐方式。 - `letter-spacing`：调整字符间距。 - `display`：改变元素的显示方式，如`block`、`inline`、`none`。 - `position`：定义元素定位，如`static`、`relative`、`absolute`、`fixed`。 - `float`：使元素浮动，`clear`处理浮动产生的问题。 - `type`、`method`：表单元素类型和提交方式。 - `alt`：图像替换文本。 - `cellpadding`、`cellspacing`：控制表格单元格的内边距和间距。 - `colspan`、`rowspan`：指定单元格跨列或跨行的数量。 - `readonly`、`value`、`maxlength`：表单元素的属性，如只读、初始值和最大长度。 - `scrollDelay`、`direction`：用于`<marquee>`标签，控制滚动速度和方向。 5. **块级标签和行内标签**： - 块级标签：占据整个宽度，如`<div>`、`<h1>`~`<h6>`、`<p>`等。 - 行内标签：只占据自身内容宽度，如`<a>`、`<font>`、`<img>`、`<input>`等。 6. **CSS选择器**： - 类型选择器（如`p`、`div`）、ID选择器（`#myId`）、类选择器（`.myClass`）、属性选择器（`[attribute=value]`）、伪类和伪元素（`:hover`、`:first-child`等）。 了解并熟练运用这些HTML标签和属性是构建网页的基础，它们可以帮助你创建结构清晰、样式丰富的网页内容。同时，结合CSS，你可以进一步定制网页的外观和交互效果。