四种表格的练习

(1)合并行单元格

(2)合并列单元格

(3)合并行和列单元格

(4)合并复合单元格(重点在于这个)

这里面由于前面合并了两个单元格,那么进行垂直合并的时候,它会借用前面两个的格式,进行合并,因此,合并成了4个

(5)总结:缺少几个单元格,那么我们在那一行减少几个

标签;在连续合并的时候,会按照一步一步来进行合并,因此刚才的第四种情况,就是套用了这个法则。

2. (1)在webstorm中如何快速移动选中的代码:

Ctrl+Alt+向上的箭头/向下的箭头

(2)在webstorm中如何快速合并展开光标所在的那一组代码

合并:Ctrl+减号

展开:Ctrl+加号

(3)在webstorm中如何快速合并展开被选中的多组代码

合并:Ctrl+Shift+减号

展开:Ctrl+Shift+加号

(4)在任意位置我们想新起一行

Ctrl+Enter

3.表单标签

(1)表单:例如汇款单,收款单等,需要填进去内容,注册新用户填信息的那种格式

(2)作用:用来搜集用户信息

(3)在HTML中标签=标记=元素(只不过元素就是特殊的标签,在浏览器中所有的表单标签都有特殊的外观和默认功能)

(4)格式:

(5)常见的表单元素

input

内置属性type代表可输入的信息格式。

“text"可输入明文文本

”password“可输入暗文文本

内置value属性,用于填充了部分默认字段

但有一个问题,密码中,我写的暗文,但给我填充明文,明天在解决吧~~

例子:

账号:
密码:
账号:
密码:

显示为:

4.源码

GitHub

html单元格左边合并三个,HTML连载3-单元格合并练习amp;表单标签相关推荐

  1. 表格标签,今日小说排行榜案例,合并单元格,无序列表,有序列表,自定义列表,表单标签,注册页面综合案例

    表格标签 表格主要用于展示数据 <table><tr><td>单元格内的文字</td>...</tr>... </table> ...

  2. Web开发(一)·期末不挂之第三章·HTML基础二(html实现表格和表单)

    HTML基础二 一. 表格✪✪✪ 二.表单 插入表单 输入标签✪✪ 多行文本域 下拉菜单 三.其他 label标签 内联框架 一. 表格✪✪✪ 插入表格: < table>< /ta ...

  3. 【HTML】笔记2-表格、列表、表单标签

    目录 一.表格标签 1.表格主要作用 2.基本语法 3.表头单元格标签 4.表格属性 5.表格结构标签 5.合并单元格 二.列表标签 1.无序列表 2.有序列表 3.自定义列表 三.表单 1.表单域 ...

  4. Form表单标签的Enctype属性的编码格类型

    Enctype :指定将数据回发到服务器时浏览器使用的编码类型 编码类型有以下三种: application/x-www-form-urlencoded: 在发送前编码所有字符(默认).这是标准的编码 ...

  5. HTML保姆级教程(三)表单标签

  6. CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child)

    目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...

  7. html2day(合并单元格,有序、无序列表,input、select、textarea表单)

    文章目录 合并单元格步骤: 无序列表(unordered list): 有序列表(ordered list): 自定义列表(ordered list): 表单的组成: **表单标签**: input( ...

  8. HTML-表格、表单

    1.表格标签 表格是较为常用的一种标签,但不是用来布局,常用来处理.显示表格式数据. 1.1 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本语法格式如下: < ...

  9. 表格的属性、表格的合并及表单

    表格 table的属性 border 边框 若border="1",有边框: cellspacing 单元格与单元格之间的距离 若cellspacing="0" ...

最新文章

  1. auxprop mysql_Postfix 反垃圾过滤
  2. Escape Time II 简单的深搜dfs()
  3. 工业用微型计算机(28)-dos和bios功能调用(2)-int 21h
  4. Linux终端打开一只小马,Linux 终端上的漂亮小马
  5. 基于winpcap的NDIS在IE浏览器,360安全浏览器hackwww.360.cn
  6. 字符串大小写字母转换c 语言,towlower()
  7. 百度腾讯中兴华为全部入局Linux Foundation深度学习基金会
  8. SpringAop @Pointcut(“@annotation“)\@Aspect练习
  9. vc mysql 查询_VC++数据库模糊查询及精确查询示例代码分享
  10. 360浏览器打不开qq空间_刘连康:解决电脑网络正常,浏览器打不开的问题
  11. 计算机专业英语critical,计算机专业英语教程汇总.ppt
  12. JVM专题之类加载机制
  13. Windows 网络无法ping通的解决方法
  14. 火车进出栈问题(高精度+压位+质因数分解消除除法)
  15. DWZ (JUI) 教程 dwz框架 刷新dialog解决方案
  16. ASP.NET的gridview设置数据格式(DataFormatString={})与 String.Format()【转载】
  17. 【播放器】git上著名播放器
  18. pwn题shellcode收集
  19. 前端低代码工具amis使用文档
  20. 安卓逆向例子--某菠菜APP token pwd 参数

热门文章

  1. MyBatis批量插入——常见错误
  2. internet时间同步服务器地址
  3. android thumb大小,Android 设置thumb图片大小
  4. Testing the mettle
  5. 安卓毕业设计- 基于Android的考试管理系统
  6. 超有趣的Python实战:将图片转成像素风
  7. oracle 匹配汉字数字,在oracle数据库中一字段存在汉字和数字,取数字部分
  8. 多台主机使用DNS服务器实现网络负载均衡
  9. 日语学习第一课日本文字
  10. python中使用schedule模块定时执行任务