首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

html学习笔记第二弹

说明这个地方是一个表格 标签用于定义表格行,必须嵌套在 标签。 用于定义表格单元格,必须嵌套在标签。...跨行合并:rowspan="合并单元格个数" 跨列合并:colspan="合并单元格个数" 使用方法: 确定是跨行跨列 在要合并单元格写上合并方式与合并单元格数量例如:即跨列合并两个单元格 删除被合并单元格。...li,有顺序 自定义列表 里面有两个标签,dt和dd 表单 表单是为了在网页收集信息 表单组成 在HTML中一个完整表单通常由表单域、表单控件(表单元素)、提示信息3部分组成...在表单元素,标签是用于定义多行文本输入控件。 使用多行文本输入控件,可以输入更多文字,该控件常见于留言板,评论。

3.9K10

HTML标签(二)

用于定义表格单元格,必须嵌套在标签。 字母 td 指表格数据(table data),即数据单元格内容。... 一般表头单元格位于表格第一行第一列,表头单元格里面的文本内容加粗居中显示....合并单元格 合并单元格方式: 跨行合并: rowspan="合并单元格个数" ​ 最上侧单元格为目标单元格, 写合并代码 跨列合并: colspan="合并单元格个数" ​ 最左侧单元格为目标单元格...在 HTML 标签, 标签用于定义描述列表(定义列表),该标签会与 (定义项目/名字)和 (描述每一个项目/名字)一起使用。...在表单元素, 标签是用于定义多行文本输入控件。 使用多行文本输入控件,可以输入更多文字,该控件常见于留言板,评论。

15710
您找到你想要的搜索结果了吗?
是的
没有找到

HTML入门

是水平线标签 html文档无法使用回车进行换行,要进行换行就必须使用 标签 段落标签 p 标签也有align属性,用来控制文字显示位置,默认值是left 锚点 表格标签 table用来制作表格外边框 table嵌套tr用来制作表格行 tr 嵌套td用来制作表格单元格(也叫列)...常用表格属性 colspan 用于列合并 rowspan 用于行合并 表格完整结构 caption、thead、th、tbody、tfoot 以上标签都要嵌套在table 标签总结 核心标签:...table: 表格外边框 tr: 表格行 td: 表格单元格(列) 表格结构标签: caption: 表格标题 thead:表格头部 th:表头(居中、加粗、加黑) tbody:表格主体 tfoot:...表格脚部 主要属性: border:表格边框 width/height: 表格宽高、tr/td也能使用 cellspacing: 单元格单元格单元格与边框间隙 cellpadding: 单元格内容与单元格间隙

2.9K40

HTML(2)

一丶标签使用 1.a标签补充     (1)超链接       href:超链接地址       target; _self 默认在当前页面打开链接地址         _blank 在空白页打开链接地址...table标签属性:     border:边框。像素为单位。     style="border-collapse:collapse;":单元格线和表格边框线合并     width:宽度。...background:设置这个单元格背景图片。    合并单元格:     如果要将两个单元格合并,那肯定就要删掉一个单元格。     单元格属性:       colspan:横向合并。...例如colspan="2"表示当前单元格在水平方向上要占据两个单元格位置。...hidden:隐藏框,在表单包含不希望用户看见信息 button:普通按钮,结合js代码进行使用。 submit:提交按钮,传送当前表单数据给服务器其他程序处理。

3.5K40

前端学习 20220824

像素值 规定单元边沿与其内容之间空白,默认1像素 cellspacing 像素值 规定单元格之间空白,默认2像素 width 像素值百分比 规定表格宽度 合并单元格 合并方式 跨行合并:rowspan...="合并单元格数" 跨列合并:colspan="合并单元格数" :::hljs-center ::: 目标单元格(写合并代码) 跨行:最上方单元格为目标单元格,写合并代码 跨列:最左侧单元格为目标单元格...,写合并代码 合并单元格三部曲 先确定是跨行合并还是跨列合并; 找到目标单元格,写上合并方式=合并单元格数量; 删除多余单元格 列表标签 无序列表(重点) 列表项1</li...url地址 用于指定接收并处理表单数据服务器程序url地址 method get/post 用于设置表单数据提交方式,其取值为getpost name 名称 用于指定表单名称,以区分同一个页面多个表单域...重置按钮会清楚表单所有数据 submit 定义提交按钮。

15930

Html&Css 基础总结(基础好了才是最能打的)二

,有兴趣小伙伴可以关注一下,谢谢你 书中错误在所难免,如果有小伙伴发现的话恳请斧正,在此先谢过咯~ 基本标签 列表就如同字面意思所讲,将内容按照顺序排列,横向纵向; 列表标签大致三分类, 分为有序...循环展示, tips: 表格默认没有边框线, 但是在table中使用 border 属性可以为表格添加边框线 表格结构标签 目的是让 让表格结构更清晰, 语义更清晰 , 是在刚才代码增加对应包含关系...> thead\body\foot 存在意义是让代码分层阅读更清晰 thead\body\foot 存在意思是让代码分层阅读更清晰,但是我觉得一般- -, 不过也是个知识点 合并单元格 将多个单元格合并成一个单元格...,用以合并多个同类信息 跨行合并& 跨列合并 单元格合并是否不重要?...跨行合并,保留最上单元格, 属性rowspan 跨列合并,保留最左单元格, 属性colspan 属性添加到对应td, 取值是数字,表示需要合并单元格数量; 不可以跨结构标签合并; 表单

8710

html 下

---- 一.表格 table(会使用) 目标: 理解: 能说出表格用来做什么 表格基本结构组成 应用: 能够熟练写出n行n列表格 能简单合并单元格​...tr标签 用于定义表格行,必须嵌套在 table标签。 td 用于定义表格单元格,必须嵌套在标签。...caption 标签必须紧随 table 标签之后。 这个标签只存在 表格里面才有意义。 5. 合并单元格(难点) 合并单元格是我们比较常用一个操作,但是不会合并很复杂。...5.1 合并单元格2种方式 跨行合并:rowspan="合并单元格个数" 跨列合并:colspan="合并单元格个数" 5.2 合并单元格顺序 合并顺序我们按照 先上...和 rowspan 合并属性 用来合并单元格 表格提供了HTML 定义表格式数据方法。

2.8K31

HTML知识框架 二

自定义列表 ```html 名词1 名词1解释1 名词1解释2 表格 表格结构 table用于定义一个表格 tr 用于定义表格一行,必须嵌套在...table标签,在 table包含几对 tr,就有几行表格。...td /td:用于定义表格单元格,必须嵌套在标签,一对 包含几对,就表示该行中有多少列(多少个单 元格)。 html 单元格文字 ...... 表头标签 表格标题:<caption> 合并单元格 跨行合并:rowspan 跨列合并:colspan 合并顺序 先上 先左总结 表格提供了HTML 定义表格式数据方法。...表格由行单元格组成。 表格没有列元素,列个数取决于行单元格个数。 表格不要纠结于外观,那是CSS 作用。

2K30

前端学习(2)~html标签讲解(二)

一个表格是由每行组成,每行是由每个单元格组成。 所以我们要记住,一个表格是由行组成(行是由列组成),而不是由行和列组成。...style="border-collapse:collapse;":单元格线和表格边框线合并(表格两边框合并为一条) width:宽度。像素为单位。 height:高度。像素为单位。...bordercolorlight:表格上、左边框,以及单元格右、下边框颜色 bordercolordark:表格右、下边框,以及单元格上、左边框颜色 这两个属性目的是为了设置3D效果。...background:设置这个单元格背景图片。 单元格合并 单元格属性: colspan:横向合并。例如colspan="2"表示当前单元格在水平方向上要占据两个单元格位置。...rowspan:纵向合并。例如rowspan="2"表示当前单元格在垂直方向上要占据两个单元格位置。 :加粗单元格。相当于 + 属性同标签。

2.4K10

HTML第二天

,列表每一项前默认显示序号标识 ol:标签只允许包含 li 标签 自定义列表–dl-dt-dd (底部导航用) dl 标签:表示自定义列表整体 dl 标签只允许包含dt/dd标签 dt 标签:表示自定义列表主题...> 标题 内容 ---- 2️⃣表格标签 表格基本标签 标签嵌套关系:table > tr > td table— 表格整体,可用于包囊多个...tr tr— 表格每行,可用于包囊 td td— 表格单元格,可用于包囊内容 标签嵌套关系:table > tr > td 我是表格基本标签...–跨行合并上下合并→只保留最上,删除其他 colspan–跨列合并左右合并→只保留最左,删除其他 你 好 ----...div 和 span 这两个没语义布局标签 div 标签–独占一行 span 标签–一行显示多个 有语义布局标签(了解) 在 HTML5 新版本,推出了一些有语义布局标签供开发者使用 header

2.9K20

列表,表格与媒体元素

特性:       1)没有顺序,每个标签,标签独占一行(块元素)       2)默认没有标记       3)一般用于(一个标题下有一个多个列表项)*n情况   2.列表常用场合及列表使用注意事项...可以有多个单元格    为了显示表格轮廓,一般还需要设置标签border边框属性,指定边框高度  4.表格跨行与跨列    1)表格跨列:      跨列是指单元格横向合并...(列)缩写,span为跨度,所以colspan意思为跨列    2)表格跨行:      跨行是指单元格在垂直方向上合并     语法:             ...单元格内容          row为行意思,rowspan即跨行   跨行跨列操作时,需要以下两步骤:      >...在需合并第一个单元格,设置跨列跨行属性      >删除被合并其他单元格,即把某个单元格看成多个单元格合并单元格    3)跨行and跨列:    >有时表格既有跨行又有跨列情况,从而形成了相对复杂表格显示

2.9K100

HTML详解连载(2)

和dd,dl是定义列表,dt是定义列表标题, dd是定义列表描述 /详情 示例 列表标题 列表描述 / 详情 …… 注意事项...: dl里面只能包含dt和dd dt和dd里面可以包含任意内容 表格-基本用法 网页表格与Excel表格类似,用来展示数据。...标签 table嵌套tr,tr嵌套td/th 标签名及说明 标签名 说明 table 表格 tr 行 th 表头单元格 td 内容单元格 注意事项: 在网页,表格默认没有边框线,使用border属性可以为表格添加边框线...作用 将多个 单元格合并成一个单元格,以合并同类信息 步骤 1.明确合并目标 2.保留最左最上单元格,添加属性(取值是数字,表示需要合并单元格数量) 跨行合并,保留最上单元格,添加属性rowspan...跨列合并,保留最左单元格,添加属性colspan 3.删除其他单元格

16330

寒假提升 | Day7 CSS 第五部分

dt、dd dt ( definition term ) term 是项意思, 列表每一项项目名 dd( definition description ) 列表每一项具体描述,是对 dt...) 表格行 td(table data) 行单元格 另外表格有很多相关属性可以设置表格样式, 但是已经不推荐使用了 2.2....table { border-collapse: collapse; } 合并单元格边框 2.3. table元素 thead 表格表头 tbody 表格主体 tfoot 表格页脚 caption...单元格合并 在某些特殊情况下, 每个单元格占据大小可能并不是固定 一个单元格可能会跨多行或者多列来使用; 这个时候我们就要使用单元格合并来完成; 如何使用单元格合并呢?...单元格合并分成两种情况: 跨列合并: 使用colspan ✓ 在最左边单元格写上colspan属性, 并且省略掉合并td; 跨行合并: 使用rowspan ✓ 在最上面的单元格协商rowspan属性

1K10

HTML详解连载(2)

和dd,dl是定义列表,dt是定义列表标题, dd是定义列表描述 /详情 示例 列表标题 列表描述 / 详情 …… 注意事项...: dl里面只能包含dt和dd dt和dd里面可以包含任意内容 表格-基本用法 网页表格与Excel表格类似,用来展示数据。...标签 table嵌套tr,tr嵌套td/th 标签名及说明 标签名 说明 table 表格 tr 行 th 表头单元格 td 内容单元格 注意事项: 在网页,表格默认没有边框线,使用border属性可以为表格添加边框线...作用 将多个 单元格合并成一个单元格,以合并同类信息 步骤 1.明确合并目标 2.保留最左最上单元格,添加属性(取值是数字,表示需要合并单元格数量) 跨行合并,保留最上单元格,添加属性rowspan...跨列合并,保留最左单元格,添加属性colspan 3.删除其他单元格

18330
领券