html基本标签，列表标签，超链接标签，表格标签，块级标签，行级标签，表单标签，文本域标签，表单标签

末蓝、 2022-06-06 02:44 355阅读 0赞

8基本标签 **列表标签：**

**无序列表 <ul></ul>  ** 定义一个无序列表

列表条目项标签 **<li></li>**,用于在效果中定义一个类表的条目  无序的

有序列表 **<ol></ol>**

<li></li>在使用时在ul或者ol的中间 例如 **<ol> <li> 内容信息（内容可以是文字也可以是图片及其它）</li></ol>**

9 基本标签 **超链接标签：<a></a>  href是超链接的必有属性**

<a href=”http://www.baidu.com”>内容体</a>  互联网路径   http://加路径

<a href=”相对路径”>内容体</a>

**超链接正常工作：1必须有href  a标签中有内容体**

超链接内容体：不仅仅可以是文字，也可以是其他内容，例如图片

超链接 href： 不仅仅能够连接html文件，也可以连接其他内容，例如图片

10  基本标签 **表格标签：**

** **

**第一 <table></table>  定义一个标签 ()**

**第二 第一表格中 定义一行 <tr></tr>**

**第三 在表格一行中第一单元格 <td>每个单元格的内容</td>**

**第四 定义第二行，第二行再画单元格**

Table的属性 <table border=”1px” width=”100%”  >  **border是边框的粗细**

**<th></th>** 表头单元格。表头单元格字体加粗，并居中

**Colspan 跨列合并单元格**   <td colspan=”2”>1</td>   <td>2</td>

需要确定合并几个单元格，是跨行还是跨列，在第一个个出现的单元格上书写合并单元格的属性，合并几个单元格合并属性后面的值就写几。把被合并的单元格必须删掉。

**Rowspan 跨行合并单元格**  <td rowspan=”2”></td>  合并两个 并把后面的删了

11 基本标签** 块标签（块级标签）：<div>内容体</div>** 适用于大信息展示  默认占一行

**块标签（行内标签）  ：.<span> 内容</span>**  适用少量信息展示  有多少内容，占多大空间

HTML：中所有的元素：**块级元素 和行内元素。**

12 **表单标签** 表单的介绍：

表单的作用：用来提交用户输入的信息，提交给服务器的程序相当于一个WEB程序的入口。

13**表单标签** :定义一个表单（表单区域）  **<form>表单内容</form>**

**文本框 <input/>  ** 的标签类型 type  **type属性有text默认文本框，password密码框**，**radio（在同一个分组中有单选效果）单选框，checkbox 复选框 submit  提交按钮，**用于控制表单提交数据 **reset 重置按钮格式<input type=”reset” />**，用于将表单输入项恢复到默认装态 **file 附件框**， 用于文本的上传，**hidden 隐藏域**，一般用作提交服务器需要拿到，但用户不需要看到的数据， **button 普通按钮  value 是参数值（还可以作为按钮的名字）**， 参数裂变格式：参数1= 参数值1&参数2=参数值2  等等

单选框，用户只能选择，不能输入，必须制定value属性值，否则提交的都是on

**name 设置单选 复选框进行数据的分组**，//设置该标签对应的参数名一样就是一组

**Checked 默认选中单选框**。<input/> 多选框，**也需要用name属性标示成一组**。并且每一个选项都要赋值的value值。 Checked也可以默认选中某一项。

**Readonly设置该标签的参数值只读**，用户无法手动更改。但是数据可以正常提交

**Disabled 设置该标签不可用，参数值无法更改，且参数值也无法提交**

**选择框标签：<select name=”happy” multiple=”multiple”></select> 定义一个选择框**  的属性 name 设置该框标签的值.**multiple设置select可多选**。

<**option** value=”3” selected=”selected”> 选项(展示)内容</option> option的内容体，一般是用来展示的。**在提交的时候提交是value对应的值**  。**Selected是option的默认选中属**性

提交<input type=”submit” />

**文本域标签：<textarea name=”tijiaoqianti”>参数值正在内容提写</textarea>**

文本域和文本框的区别：文本框不能换行，文本域可以换行，文本框参数值是value属性，文本域参数值是标签的内容体。

**表单标签 <form  action=“提交的路径” method=“get或者post”></form>  表单标签的属性**

**action 将数据提交到何处：默认提交到本页**

本机内路径

互联网路径：http：//

**Method属性是将数据 以何种方式提交**：默认**get 提交**：把数据拼接到地址栏上，**post提交**：没把数据拼接到地址栏上，而是拼接到了（请求体）上

Get和post提交方式的区别：

Get提交的参数列表拼接到了地址栏后面 post方式不会拼接到地址栏

Get方式提交的数据 敏感信息不安全。Post方式提交的数据相对安全。

Get方式提交的数据量是有限的（很小），post方式在理论上提交的数据量是无限大

在使用时尽量使用post方式提交表单

14表单标签  URL编码的简述和使用理由

英文和数字不用URL编码

URL编码解决方式：特殊符号，中文  进行编码

例如： &——》%26

为了保证表单数据传递是能更好的区分name和value

保证数据传递的完整性

15表单标签 URL编码的表现形式和本质

例如：你好。首先进行普通的编码，编码成字节数组，（使用的是页面规定的字符集例如UTF-8)

字节数组中的每一个元素，都会从10进制，转换成16进制

把已经转换成16进制的字节数组，以%进行拼接，就是URL编码后的结果。

发表评论取消回复

表情：

评论列表（有 0 条评论，355人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML入门：块级标签，行内标签及行内块标签

块级元素：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；行内元素：可以多个标签存在一行，对宽高属性值不生效，完全靠内容撑开宽高

深碍√TFBOYSˉ_/ 2024年04月01日 09:11/ 0 赞/ 72 阅读

相关 HTML入门：块级标签，行内标签，行内块标签

[块级元素][Link 1]：独占一行，对宽高的属性值生效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽； [行内元素][Link 2]：可以多个标签存在一行

╰+攻爆jí腚メ/ 2024年03月30日 13:38/ 0 赞/ 72 阅读

相关 HTML快速入门（基础标签、图片、音频、视频标签、超链接标签、列表标签、表格标签、布局标签、表单标签）

文章目录什么是HTML? HTML快速入门【案例】总结基础标签图片、音频、视频标签总结

电玩女神/ 2023年10月07日 19:52/ 0 赞/ 54 阅读

相关 HTML标签之表单标签

1 ：表单标签: `<form></form>` 表单是一个包含表单元素的区域。表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素

Bertha 。/ 2022年12月26日 11:23/ 0 赞/ 214 阅读

相关表格标签、表单标签

表格标签、表单标签文章目录表格标签、表单标签表格标签\`\` <table></ta

曾经终败给现在/ 2022年08月31日 11:04/ 0 赞/ 337 阅读

相关行级标签和块级标签的区别

一、块级标签 1.总是在新行上开始，占据一整行。 2.高度，行高以及外边距和内边距都可控制。 3.宽带始终是与浏览器宽度一样，与内容无关。 4.它可以容纳内联元素和其他

た入场券/ 2022年07月12日 02:16/ 0 赞/ 245 阅读

相关 HTML中的行级标签和块级标签

[HTML中的行级标签和块级标签][HTML] 一、块级标签 1.独占一行，不和其他元素待在同一行 2.能设置宽高常见的块级标签：div,p,

素颜马尾好姑娘i/ 2022年06月09日 00:42/ 0 赞/ 188 阅读

相关 html基本标签，列表标签，超链接标签，表格标签，块级标签，行级标签，表单标签，文本域标签，表单标签

8基本标签列表标签：无序列表 <ul></ul> 定义一个无序列表列表条目项标签 <li></li>,用于在效果中定义一个类表的条目无序的有序列表 <ol

末蓝、/ 2022年06月06日 02:44/ 0 赞/ 356 阅读

相关 HTML表单标签

1、 <form>标签提供给用户输入的表单标签， type表示控件类型，为可选，默认为text。 name表示提交的参数名， value表示显示

野性酷女/ 2022年05月31日 11:40/ 0 赞/ 288 阅读

相关 HTML文本标签与列表标签

HTML文本标签与列表标签一、文本标签 em和strong 作用：这两个标签都表示一个强调的内容， em主要表示语气上

亦凉/ 2022年05月16日 09:05/ 0 赞/ 280 阅读