HTML标签（下）

原创 已于 2022-03-12 09:41:02 修改 · 439 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端学习笔记

于 2019-11-07 09:32:54 首次发布
本文深入解析HTML中的表格和表单标签使用方法，涵盖表格结构、属性、合并单元格及表单元素如输入框、下拉菜单等，适合初学者和进阶者学习。

在这里插入图片描述

01.表格标签

1.1表格的主要作用
在这里插入图片描述
1.2表格的基本语法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.3表头单元格标签
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.4表格属性
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

案例：小说排行榜
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
1.5表格结构标签
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
1.6合并单元格
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
1.7表格总结
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

02.列表标签

在这里插入图片描述

2.1无序列表（重点）
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2.2有序列表（理解）
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.3自定义列表（重点）
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
2.4列表总结

在这里插入图片描述

在这里插入图片描述

03.表单标签

在这里插入图片描述
3.1为什么需要表单
在这里插入图片描述
3.2表单的组成
在这里插入图片描述
3.3表单域
在这里插入图片描述
URL(Uniform Resoure Locator：统一资源定位器)是WWW页的地址
在这里插入图片描述
3.4表单控件（表单元素）
在这里插入图片描述
3.4.1<input>表单元素
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191104212618954.png)

在这里插入图片描述
3.4.2<label>标签
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.4.3<select>表单元素
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.4.4<textarea>表单元素
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
3.5表单元素几个总结点
在这里插入图片描述
在这里插入图片描述

04.综合案列：注册页面

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

05.查阅文档

在这里插入图片描述

用正则表达式匹配HTML标签
yivifu的专栏
07-28 2534
本文介绍了如何编写匹正则表达式匹配HTML标签，并给出了一个较复杂的应用问题——保留一段HTML片段中不带属性的div标签和p标签，但是删除带属性的div标签和p标签——的解决方案。
VSCode代码自动补全html标签、css属性及值 - 无插件
热门推荐
草巾冒小子的博客
09-24 20万+
不需要插件，VSCode代码自动补全（html标签、style样式、css属性及值、），修改配置文件即可完成！ 效果图 · 演示如下： 操作步骤 · 如下： 本编辑器已经汉化，所以截图如下。 首先，取消选中（控制在活动代码片段内是否禁用快速建议） 修改路径（截图示下）： 设置 --> 文本编辑器 （建议）--> 取消选中 Suggest:Snippets Prevent Q...
html模板标签
ch206265的博客
03-08 5947
在VS code中写html文档时，一般会先用快捷方式生成html的基本框架，即html模版。这些自动生成的标签，比较多地出现在`head`内，好多老师讲解的时候都会让我们先不用管这些代码，但是自己又很好奇，所以搜集了一些资料，毕竟知识之间都是有联系的，一个很细微的点深究下去可能都是无底洞，所以现做如下整理，当然若以后有了更多了解还会再做补充：
HTML——label标签
Jaylan的博客
05-06 5076
label标签是HTML中的一个标签，用于为表单元素（如文本框、复选框等）提供标签或说明文本。通常与input标签配合使用。label标签可以通过for属性与相应的表单元素建立联系，
HTML常用标签合集
rbh200812的博客
07-26 1万+
html常见标签的认识与运用
html表格标签
weixin_44992737的博客
06-06 5606
html表格标签详解
HTML base标签
蔡林浩的博客
08-22 3246
HTML base标签
HTML标签常用标签
iOSbird的博客
02-23 1万+
1、 注释标签  注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、  声明标签 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中有三种 声明 ：1）HTML 4.01 Strict 该 DTD 包含所有
总结html标签——table表格
最新发布
为你而战的博客
06-08 4435
本文全面介绍了HTML中table标签的使用方法，从基础结构到高级应用。主要内容包括：表格的基本组成元素（thead、tbody、tr、td等）、单元格合并技巧（colspan和rowspan），以及通过CSS设置边框、悬停效果和斑马条纹等样式。文章还讲解了响应式表格的实现方法和JavaScript动态操作表格的技巧，并对比了DataTables、Handsontable等常用表格库的优缺点。通过合理运用这些技术，开发者可以创建功能丰富、美观实用的数据表格。
HTML中th标签
qq_43774775的博客
05-21 5099
.html中所有th标签关键字 功能介绍 案例 th:id 替换id th:text 文本替换 description th:utext 支持html的文本替换 content th:object 替换对象 th:value 属性赋值 th:with 变量赋值运算 th:style 设置样式 th:onclick 点击事件 th:each 属性赋值 th:if 判断条件 th:un...
html标签info,HTML标签小结
weixin_39940913的博客
06-22 2785
1. 块级元素--block 标题标签。 有序列表标签，ol是ordered list，表示其内的列表标签是有序的。 定义列表标签，dl是definiton list，dt是definition title，dd是definition description。 表格标签，tr是行(table row), th是表头(table head), td是单元数据格(table data ...
HTML表格标签
weixin_47481102的博客
04-08 4308
1-4 文本格式化标签 在网页中，有时需要为文字设置粗体、斜体、或下划线等效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。 标签yu
HTML5标签（网页编程）
ZangLing的博客
04-09 4372
一、常用标签 二、表单标签 三、表格标签 四、音视频标签 五、多媒体标签
HTML的常用标签
冷兮雪的博客
11-08 6753
这个标签可以在页面上画水平线。
每天总结一个html标签——area与map标签
为你而战的博客
06-03 1741
<area>标签用于定义图像映射中的可点击区域，需与<map>标签配合使用。主要属性包括href（链接目标）、alt（替代文本）、coords（坐标）和shape（形状）。使用时需注意坐标匹配、alt属性设置及CSS限制，建议复杂效果采用SVG或JavaScript实现。示例展示了如何通过<area>实现图片不同区域跳转不同链接的功能。
PC端品优购项目
Better_Xing的博客
02-06 1395
PC端品优购项目 01.品优购项目规划 1.1网页制作流程 1.2品优购项目整体介绍 1.3品优购项目的学习目的 1.4开发工具以及技术栈 1.5品优购项目搭建工作 ...
HTML标签（上）
Better_Xing的博客
10-30 1092
03.开发工具 3.1VSCode的使用 1.双击打开软件 2.新建文件（Ctrl+N） 3.保存（Ctrl+S），注意文件要保存为.html文件 4.Ctrl+加号键，Ctrl-减号键，可以放大缩小试图 5.生成页面骨架结构 输入！（一定在美式键盘下）按Tab键 3.2VSCode工具生成骨架标签新增代码 3.3文档类型声明标签 文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页。...
移动web开发之流式布局
Better_Xing的博客
02-09 924
111
移动web开发之rem适配布局
Better_Xing的博客
02-26 662
01.rem基础 02.媒体查询 2.1什么是媒体查询 2.2语法规范 案例:根据页面宽度改变背景变色
HTML标签完全指南
"这篇文档提供了一个完整的HTML标签集合，涵盖了从基本链接到页面布局的各种元素。它详细介绍了每个标签的功能和用法，包括链接的创建、样式调整以及文档结构的构建等。" 在HTML中，标签是构成网页的基础元素，它们...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值