首页 > 其他分享 >html5 2.0学习

html5 2.0学习

时间:2023-05-09 16:22:06浏览次数:30  
标签:视频 顺序 标签 列表 学习 html5 li 2.0

列表定义:是一种特别的对象集合。集合:集中在一起合二为一(聚集)。 聚集:多个列(信息资源)排在一起。信息资源:一堆数据,可能是字符,可能是图片。

列表分类:有序列表 无序列表  (自)定义列表  

有序列表:有顺序的列表。列表结构:<ol><li></li></ol>  有顺序,每个li独占一行,默认li标签前面有顺序标记;用于排序,可以快速定位。

无序列表:没有顺序的列表。列表结构:<ul><li></li></ul> 没有顺序,每个li独占一行,默认li标签前面有一个实心小圆点;常用于导航栏。

(自)定义列表:定义某种关系(包含和被包含的关系)。列表结构:<dl><dt> <dd></dd></dt></dl>每个dt,dd标签独占一行,默认没有标记,包含被包含的情况就可以使用。

<ol><ul><dl>就是告诉网页我下面要用什么类型的列表。<dt>的意思就是一个大的的项目,<dd>的意思就是被dt包含的小的项目。

html5的表格:有行有列,多个单元格组合在一起,可以将多个信息资源组合在一起

表格语法结构:<table border="1x"(1像素)><tr>(代表第一列)<td>(第一个单元格)</td></tr></table>   colspan="2":意思就是跨两列,rowspan="2"意思就是跨两行。在<td后面输入即可。

例如:<table border="1x"><tr><td colspan="5">学习成绩</td></tr>

          <tr><td rowspan="2">张三</td><td>语文</td><td>90</td><td> 数学</td><td>90</td></tr>

          <tr><td>英语</td><td>90</td><td>化学</td><td>50</td></tr></table>

媒体元素:video(视频标签) audio(音频标签)

视频标签结构:<video controls="controls"><surece src="video/video.webm"type="video/webm></source></video>

video:视频标签名称。controls:显示播放视频的控件按钮(倒三角)source:资源标签 src:视频资源的存放路径 type:告诉浏览器当前视频是什么类型。

标签:视频,顺序,标签,列表,学习,html5,li,2.0
From: https://www.cnblogs.com/liuxin6de1b/p/17385458.html

相关文章

  • 【pytorch】土堆pytorch教程学习(六)神经网络的基本骨架——nn.module的使用
    torch.nn是pytorch的一个神经网络库(nn是neuralnetwork的简称)。Containerstorch.nn构建神经网络的模型容器(Containers,骨架)有以下六个:ModuleSequentialModuleListModuleDictParameterListParameterDict本博文将介绍神经网络的基本骨架——nn.module的使用。......
  • ubuntu22.04 部署 stable-diffusion-webui v1.1.0
    anaconda设置anaconda下载地址https://www.anaconda.com/download#downloadsanaconda下载#wgethttps://repo.anaconda.com/archive/Anaconda3-2023.03-1-Linux-x86_64.sh安装anaconda#bashAnaconda3-2023.03-1-Linux-x86_64.sh....Anaconda3willnowbeinstalled......
  • httprunner 4.x学习 - 7.环境变量.env 的使用
    前言一般来说,在进行实际应用的开发过程中,应用会拥有不同的运行环境,通常会有以下环境:本地开发环境测试环境生产环境在不同环境中,我们可能会使用不同的数据库或邮件发送等配置,这时候则需要通过.env文件来针对不同的运行环境作不同的设置。环境变量基础知识在自动化测试中......
  • 爬虫学习基础
    第一个爬虫程序,抓取网页源码并保存为html文件fromurllib.requestimporturlopenurl='http://www.baidu.com'res=urlopen(url)#print(res.read().decode('utf-8'))withopen('save_baidu.html','w',encoding='utf-8')asf:......
  • LDAP学习(1)
    轻型目录访问协议(LightweightDirectoryAccessProtocol,LDAP):是一个开放的、中立的、业标准的应用协议,通过IP协议提供访问控制和维护分布式信息的目录信息,它是由目录数据库和一套访问协议组成的系统LDAP相关概念dn(DistinguishedName):区分名称,LDAP中每个条目都有自己的dn,dn是该条......
  • 《Linux高性能服务器编程》学习记录(二)linux网络编程基础API
    Linux网络API主要有三种:socket地址API。socket最开始的含义是一个IP地址和端口对(ip,port)。它唯一地表示了使用TCP通信的一端,称其为socket地址。socket基础API。socket的主要API都定义在sys/socket.h头文件中,包括创建socket、命名socket、监听socket、接受连接、发起连接、读写......
  • Fine-Grained学习笔记(4):条件下界与归约,图论问题的复杂度归约理论
    和P与NP问题一样,Fine-Grained领域中的许多问题也能相互归约,这意味着当这些问题中的任意一个问题的复杂度下界得到了证明或证伪,那么一系列问题的复杂度下界就都能够得到解决.APSP猜想:不存在$O(|V|^{3-\delta})$时间的(对于任意实数边权图都有效的)(确定性的)APSP算法.APSP猜......
  • 学习LXC(Linux 容器)技术
    安装LXC、LXD、zfs测试机器为ubuntusudoapt-getinstalllxclxdzfsutils-linux-y创建LXD的zfs存储池sudolxdinit##根据提示全部敲回车即可添加官方镜像源sudolxcremoteaddimagesimages.linuxcontainers.org查看镜像lxcimagelist[<remote>:][<filter>......
  • FreeCodeCamp-通过创建一架钢琴来学习响应式网页设计
    index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><title>Piano</title><metaname="viewport"content="width=device-width,initial-scale=1.0&q......
  • 同余方程学习笔记
    一、裴蜀定理裴蜀定理(或贝祖定理)得名于法国数学家艾蒂安·裴蜀,说明了对任何整数\(a,b\)和它们的最大公约数\(d\),关于未知数\(x\)和\(y\)的线性不定方程(称为裴蜀等式):若\(a,b\)是整数,且\(\gcd(a,b)=d\),那么对于任意的整数\(x,y,ax+by\)都一定是\(d\)的倍数。特别地,......