网站可以做哪些广告,网站登录模板 html,2018做网站赚钱不,图片wordpress博客文章目录 目录 文章目录 一.列表 无序列表 有序列表 自定义列表 二.表格 表格的兼并 三.媒体元素 视频标签 音频标签 四.内联框架 五.拓展标签 总结 一.列表
无序列表 HTML中的无序列表#xff08;Unordered List#xff09;用于显示一组项目#xff0c;每个项目之前… 文章目录 目录 文章目录 一.列表 无序列表 有序列表 自定义列表 二.表格 表格的兼并 三.媒体元素 视频标签 音频标签 四.内联框架 五.拓展标签 总结 一.列表
无序列表 HTML中的无序列表Unordered List用于显示一组项目每个项目之前没有特定的顺序或编号。无序列表使用ul标签来定义每个项目使用li标签来定义。 无序列表的特点包括
项目之间没有特定的顺序。项目默认使用小圆点作为项目标记也可以通过CSS样式来修改项目标记。项目之间的间距默认较大可以通过CSS样式来设置间距大小。 以下是一个无序列表的示例代码
body!--使用ul.../ul来声明无序列表--ul!--使用li.../li定义列表内容--li迪丽热巴/lili刘亦菲/lili刘诗诗/lili胡歌/lili唐嫣/li/ul
/body 有序列表 有序列表Ordered list是HTML提供的一种标记语言用于按照特定的顺序显示一系列项目。有序列表使用ol元素来定义每个项目使用li元素来定义。 有序列表的特点
按照一定的顺序显示项目默认的顺序是从1开始递增可以通过type属性来指定不同的计数器类型如阿拉伯数字、小写字母、大写字母等可以通过start属性来设置起始计数的值可以使用嵌套的有序列表来显示多级项目。 以下是一个简单的有序列表的示例代码 body!--使用ul.../ol来声明无序列表--ol!--使用li.../li定义列表内容--li迪丽热巴/lili刘亦菲/lili刘诗诗/lili胡歌/lili唐嫣/li/ol/body
自定义列表 dl元素用于创建自定义列表列表项使用dt元素来定义术语使用dd元素来定义术语的定义。 body!--使用dl.../dl来创建自定义列表--dl!--使用dt定义术语 dd给术语定义--dt蔬菜/dtdd黄瓜/dddd青菜/dddt水果/dtdt苹果/dtdt香蕉/dt/dl/body 二.表格 HTML中的表格是一种用于展示和组织数据的结构化元素。表格由一个或多个行和列组成每个单元格可以包含文本、图像或其他HTML元素。 表格在HTML中使用table标签来定义每一行使用tr标签来定义每个单元格使用td标签来定义。可以使用th标签来定义表头单元格以提供更明确的标识。 body!--使用table../table标签声明表格--table border1px !--border1px:给表给添加一像素粗细的线条--!--使用tr.../tr创建行--tr!--使用td.../td创建单元格--td1-1/tdtd1-2/td/trtrtd2-1/tdtd2-2/td/trtrtd3-1/tdtd3-2/td/tr/table/body 表格的兼并
trtd1-1/tdtd1-2/tdtd rowspan21-3/td!--添加单元格属性 rowspan2使单元格跨两行--
/tr
trtd colspan22-1/td!--添加单元格属性colspan2使单元格跨两列--!--被跨单元格td2-2/td需要删除--!--被夸行td2-3/td需要删除--
/tr 三.媒体元素
视频标签 body!--src添加文件相对路径 controls控制器:实现播放暂停等功能--video srcvideo1.mp4 controls /video
/body 通过注入多个视频文件格式防止浏览器不支持解码当前文件格式。语法如下 音频标签 bodyaudio srcmusic.mp3 controls/audio
/body bodyaudio controls loop!--使用loop元素循环播放--source srcmusic.mp3 typeaudio/mpeg/source srcmusic.ogg typeaudio/ogg 你的浏览器不支持解码该视频格式/audio
/body
四.内联框架 在HTML中内联框架inline frames用于在网页中嵌入另一个HTML文档或网页。它以iframe标签表示具有以下结构 bodyh1Index即将呈现的内容/h1!--ifname:定义内联框架 name:定义框架宽度 height:定义框架高度--iframe nameifr1 width1200px height600px/iframe/pp!--href添加地址的相对路径 target添加打开窗口位置 --a hrefvideo1.html targetifr1点击观看视频/a/ppa hrefmusic.html targetifr1点击播放音乐/a/p
/body
五.拓展标签 总结
