HTML复习之表格标签,表单标签,音频标签

最新推荐文章于 2024-07-14 16:43:41 发布
最新推荐文章于 2024-07-14 16:43:41 发布
阅读量70 收藏
点赞数
分类专栏： 前端 Java知识体系 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45464872/article/details/127929770
版权

HTML复习之表格标签,表单标签,音频标签

表格标签

基础介绍

(1)作用：有条理的呈现数据，尤其是后台数据
(2)组成：
    标签：
        table：表格
        tr：行，嵌套在table中
        th：表头单元格->居中加粗
        td：单元格，嵌套在tr中
        划分区域：
            thead：表格的页眉
            tbody：表格的主体
            tfoot：表格的页脚
        了解：
            caption：表题
    属性：
        border：边框
        cellspacing：单元格之间的空白
        cellpadding：内容和单元格边沿之间的空白
(3)合并单元格：***
    A.确定跨行还是跨列
    B.找到目标单元格，写合并方式：
        目标单元格：
            跨行->最上面单元格；
            跨列->最左面单元格
        合并方式：
            跨行->rowspan='合并单元格的个数'；
            跨列->colspan='合并单元格的个数'
    C.删除多余的单元格

案例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 
            表格标签：
                作用：有条理的呈现数据，尤其是后台数据
                组成：
                    标签：
                        table：表格
                        tr：行，嵌套在table中
                        th：表头单元格->居中加粗
                        td：单元格，嵌套在tr中
                        划分区域：
                            thead：表格的页眉
                            tbody：表格的主体
                            tfoot：表格的页脚
                        了解：
                            caption：表题
                    属性：
                        border：边框
                        cellspacing：单元格之间的空白
                        cellpadding：内容和单元格边沿之间的空白
                    合并单元格：***
                        确定跨行还是跨列
                        找到目标单元格，写合并方式：
                            目标单元格：
                                跨行->最上面单元格
                                跨列->最左面单元格
                            合并方式：
                                跨行->rowspan='合并单元格的个数'
                                跨列->colspan='合并单元格的个数'
                        删除多余的单元格    
         -->
        <!-- 表格 -->
        <table border="1" cellspacing="0" cellpadding="5">
            <!-- 表格表题 -->
最低0.47元/天 解锁文章
katahill
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 总结(已完).docx
03-12
HTML还包括超链接标签：、音频标签：、无序列表、有序列表、自定义列表等。 表格的定义格式是：，其中可以包含表头信息：<th></th>、单元格：<td></td>等。表单的定义格式是：，其中可以包含输入框：、文本框：、...
HTML表格标签复习
weixin_47683287的博客
10-25 165
HTML表格标签 !<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html c
html部分标签笔记,HTML标签基础复习笔记
weixin_33268464的博客
06-29 93
Javaweb：使用Java语言开发基于互联网的项目软件架构：C/s:Client/server 客户端/服务器端在用户本地有一个客户端程序，在远程有一个服务器端程序如：QQ，迅雷…优点：用户体验好缺点：开发、安装，部署，维护麻烦B/S:Browser/server 浏览器/服务器端只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序优点：开发、安装，部署，维护简单缺点：如果...
html基础标签复习
yjz_sdau的博客
03-18 307
前端只是基础，复习笔记总结&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;!-- html定义了整个html文档。html标签有双标签以及但标签，双标签比如:&lt;html&gt;&lt;/html&gt;,有开头结尾，但标签样式案例：&lt;input type="" value=""/&gt; body元素定义了整个文档的主题，双标签。
【前端基础篇】快速学习HTML常用标签和属性
前端知识分享喵
06-12 1228
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure-html）、表现（Presentation-css）和行为（Behavior-javascript）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。
HTML标签复习
m0_61108344的博客
04-02 100
一：HTML 1：标题标签 文字加粗，字号变大（h1到h6依次递减），独占一行 <h1></h1> <h2></h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> 2：段落标签与换行标签 段落标签之间留有较大的空隙，但换行标签之后不会留有空隙； 段落标签：<p></p> 换行
【HTML5复习】HTML5标签
weixin_44895477的博客
06-17 215
HTML5中的新特性包括了嵌入音频、视频和图形的功能，客户端数据存储以及交互式文档 HTML5还包含了新的元素，比如 nav header footer figure 等等 HTML标签总结： 标签 描述
HTML复习常用标签
weixin_61050264的博客
03-06 153
<!DOCTYPE html> 文档约束 <meta> 搜索引擎的优化 自动刷新网页<meta hattp-equiv="refresh" content="时间"；"网址"> 禁止网页缓存 <meta htt-equiv="Cache-Control" content="no-catch"> 基本标签2：<body>标签 展现在面前的内容在里面写 <h1></h1> 标题标签 一共有6个 .
HTML5标签复习（面试）
weixin_43144490的博客
02-08 282
1.结构标签 <!DOCTYPE html> //声明HTML5版本编写声明 <html lang="en"> //向搜索引擎表示该页面是html语言，语言为英文网站 <head> <meta charset="UTF-8"> <title>This is study note</title> <style type="text/css">里面可加n多css</style> <script t
【前端】HTML标签基础复习笔记
明月沉江春雾晓
04-18 2316
不够完美又何妨？万物皆有裂隙，那是光进来的地方。 文章目录HTML复习笔记JavaWeb相关概述HTML概述HTML语法 HTML复习笔记 JavaWeb相关概述 Javaweb： 使用Java语言开发基于互联网的项目 软件架构： C/s:Client/server 客户端/服务器端 在用户本地有一个客户端程序，在远程有一个服务器端程序 如：QQ，迅雷… 优点： 用户体验好 缺点： ...
医生复习
02-22
9. **HTML5的新特性**：HTML5增加了许多新特性，如离线存储（`<applicationCache>`）、音频/视频处理（`<audio>`和`<video>`标签）、拖放功能（`draggable`属性）以及canvas和svg元素，用于图形绘制。 10. **验证与...
HTML 的复习资料
03-25
回到HTML，学习HTML需要掌握基本标签的用法，如表格（`<table>`）、列表（`<ul>`、`<ol>`、`<li>`）、图像（`<img>`）、表格（`<form>`）、样式控制（`<style>`）以及框架（`<frameset>`）。此外，了解如何使用HTML...
HTML5题库（选择题）
06-25
2. HTML 表单标签 在 HTML 中，用于在网页中创建表单的标签是 `<form>`。表单标签用于收集用户输入的信息，并将其提交到服务器。 3. HTML Doctype 和标准模式 HTML 的 Doctype 声明用于告知浏览器使用什么文档...
HTML源码大放送-1
06-19
h6）、段落（p）、链接（a）、图像（img）、列表（ul, ol, li）、表格（table）等，也可能涉及更高级的主题，如表单（form）、框架（frameset）、HTML5的新特性，如音频（audio）、视频（video）标签，或者如何使用...
OpenSNN推文：近期优质博客推荐汇总
opensnn的博客
07-12 314
国内个人博客站点众多，涵盖了技术、生活、艺术等多个领域。
springmvc1
最新发布
benpaodeDD的博客
07-14 117
以前的servlet程序：
如何搭建互联网医院系统源码？医疗陪诊APP开发实战详解
meihusdk的博客
07-11 299
希望本文能够为正在或即将从事相关开发的技术人员提供一些参考和帮助。通过不断的努力和创新，我们可以为患者提供更优质的医疗服务，推动医疗行业的数字化转型。
Node多版本管理器NVM安装使用
GongWeiBuQi的博客
07-11 202
安装node很方便，只需要一条命令可以轻松切换node版本可以多版本node并存。
山东大学web期末复习.pdf
01-06
"这是一份山东大学web课程的期末复习资料，涵盖了HTML的基本结构和常用标记，以及一些基本的样式设置和文本修饰方法。" 在HTML中，文档的基本结构由`<html>`、`<head>`和`<body>`三个主要部分组成。`<html>`是整个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值