第二章：列表、表格与媒体元素

已于 2023-12-20 08:28:35 修改
阅读量431 收藏 8
点赞数 16
文章标签： 媒体 前端 html5 html
于 2023-12-19 18:43:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2302_81923853/article/details/135088475
版权

第二章：列表、表格与媒体元素

一：基础单词</font/>
在这里插入图片描述

二：列表的概念：列表就是信息资源的一种展示形式

三：列表分为哪几种类型？

1.无序列表:（列表之间没有顺序级别之分，通常是使用粗圆点并列存在的）

语法：
<ul>
 	<li>列表项1</li>
    <li>列表项2</li> 
    <li>列表项3</li> 
  此代码省略 
</ul>   
                            (无序列表开始于<ul>，每个列表项始于<li>标签)


注意:
          <li>与</li>之间相当于一个容器，因此可以嵌套其他标签。
          但是<ul>与</ul>之间只能嵌套<li>标签。

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2. 有序列表: (有序列表的各列表项必须按照一定的顺序排列)

语法：
<ol>
           <li>列表项1</li>
           <li>列表项2</li>
           <li>列表项3</li> 
      此代码省略 
</ol>                              （有序列表开始于<ol>每个列表始于<li>）

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
3. 定义列表:（定义列表不仅是一列项目，而且是项目及其注释的结合）

语法：
<dl>
      <dt>名词1</ldt>
      <dd>名词1的解释-第1项</dd>
      <dd>名词1的解释-第2项</dd> 
    此代码省略 
</dl>
   注意：（它以<dl>标签开始，每个定义列表以<dt>开始，每个定义列表项的定义以<dd>开始）

在这里插入图片描述
在这里插入图片描述

四：表格（表格是由若干行和若干列组成的）


语法：
<body>
    <table>
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cel1 2</td>
        </tr>
        <tr>
            <td>row 2, cell 1</td>
            <td>row 2, cell 2</td>
        </tr>
    </table>
</body>


表格的标签:
是由<table>标签定义的，每个标签的行由<tr>标签定义, 每个行的单元格列由<td>标签定义。

  显示表格的轮廓:在<table>标签里设置border属性，用来制定边框的宽度。 
                在border属性中还可以添加表格高度、宽度等
  表格的表头：在表格的实际运用中，一个表格都有一个表头，即表格标题，
             它使用<th> 标签进行定义。并且大多数浏览器中会把表头显示为粗体居中的文本。

在这里插入图片描述

五：表格的跨行与跨列
表格的跨行：
跨行是指单元格在垂直方向上的合并，使用标签的rowspan属性实现单元格的跨行操作。

语法：
<table border="1"> 
          <tr>
            <td  rowspan="所跨的行数">单元格</td>
          </tr>
</table>

表格的跨列：
跨列是指单元格的横向合并，使用标签的colspan属性实现单元格的跨列操作。

语法：
<table border="1"> 
          <tr>
              <td  colspan="所跨的列数">单元格</td>
          </tr>
 </table>

六：HTML5媒体元素
1.标签（播放视屏）

语法：
<video  src=“视频路径”  controls=“controls” > </video> 
意义：
<video>标签用于定义一个视频，src属性用于指定要播放视频文件的路径，
controls:属性用于提供播放、暂停和音量控件来控制视频。
<source/>标签: 用于提示用户浏览器不支持<video>标签。

<video>标签的常用属性
1.	width：设置视频播放器的宽度
2.	.heigh：设置视频播放器的高度
3.	Src：要播放视频的URL
4.	Controls:如果出现该属性，则向用户显示控件，如播放按钮
5.	autoplay：如果出现该属性，则视频自动播放
6.	loop：如果出现该属性，则视频循环播放
7.	muted：如果出现该属性，则视频播出后为静音
8.	poster：规定视频正在下载时显示的图像，直到用户单击播放按钮
9.	preload：如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用“autoplay”，则忽略该属性。

在这里插入图片描述

2.标签（播放音频）

语法：
<audio  src=“音频路径”  controls=“controls” > </audio>
意义:
<audio>标签:用于定义一个音频
src属性:用于指定要播放视频文件的路径
controls属性:用于提供播放、暂停和音量控件来控制视频。
<source/>标签:用于提示用户浏览器不支持<audio>标签。

<audio>标签的常用属性：
1.	Src：要播放视频的URL
2.	Controls:如果出现该属性，则向用户显示控件，如播放按钮
3.	autoplay：如果出现该属性，则视频自动播放
4.	loop：如果出现该属性，则视频循环播放
5.	muted：如果出现该属性，则视频播出后为静音
6.	preload：规定当网页加载时，音频是否默认被加载及如何被加载

七：HTML5结构标签

<header>：定义为档的头部区域
<nav>：定义导航链接的部分
<section>：定义文档中的节，其包含一组内容及其标题
<article>：定义独立的内容
<aside>：定义页面主区域内容之外的内容（如侧边栏）
<footer>：定义文档的底部区域

例如：
  <title>页面</title>
  <style>
        header,
        section,
        footer {
            height: 200px;
            border: 1px solid red;
        }
  </style>
</head>
<body>
    <header>
        <h2>头部</h2>
    </header>
    <section>
        <h2>主体部分</h2>
    </section>
    <footer>
        <h2>底部</h2>
    </footer>
</body>

在这里插入图片描述

八：内嵌框架

语法：
<iframe  src=“页面地址”  width=“宽度”  height=“高度”  name=“名称” >  </iframe>

src:设置显示的页面路径
width:设置容器的宽度
height:设置容器的高度
name:设置容器的名称

含义： <iframe>框架用于在页面中的任意的位置嵌入另一个网页，如在自己的页面中引入京东、淘
宝商品详细页等。

框架的边框去除:style="border: 0;"
框架滚动轴去除:scrolling="no"

在这里插入图片描述
通过超链接方式将页面在框架中展现
在这里插入图片描述

Ffengqing.@
关注
  • 16
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
疯狂HTML5\CSS3\JavaScript讲义-源代码
03-05
李刚 疯狂HTML5CSS3JavaScript讲义的源代码 第一部分 第1章 HTML 5简介 第2章 HTML 5的常用元素与属性 第3章 HTML 5表单相关元素和属性 第4章 HTML 5的绘图支持 第5章 HTML 5的多媒体支持 第二部分 第6章 级联样式单与CSS选择器 第7章 字体与文本相关属性 第8章 背景、边框和补丁相关属性 第9章 大小、定位、轮廓相关属性 第10章 盒模型与布局相关属性 第11章 表格、列表相关属性及media query 第12章 变形与动画相关属性 第三部分 第13章 JavaScript语法详解 第14章 DOM编程详解 第15章 事件处理机制 第16章 本地存储与离线应用 第17章 使用Worker创建多线程 第18章 客户端通信 第四部分 第19章 HTML 5的疯狂俄罗斯方块
网页与Web程序设计 课件 ppt 机械工业出版社 part1
11-28
本书全面讲授网页设计与制作技术、JavaScript脚本编程和Web数据库应用技术。本书以目前最流行的网页设计三剑客Dreamweaver 8、Fireworks 8和Flash 8作为支撑平台，由浅入深，系统地介绍了网页的构思、规划、制作和网站建设的全过程。本书还着重讲解了如何使用JavaScript进行客户端编程和如何开发Web数据库应用。 　　本书可作为高等院校“网页设计与开发”类课程教材，也可作为网站制作、Web程序设计培训教材，还可作为网页设计与Web编程爱好者的自学参考书。 　　本书特点 　　●构思清晰，结构合理。 　　●内容全面系统，语言简洁生动。 　　●图文并茂，实例新颖。 　　●注重实践能力的培养，实用性和可操作性强。 　　●本书为教师配有电子教案和综合模拟试卷，请登录华章网站(www.hzbook.com)免费下载或通过Email([email protected])与作者联系。 无 随着计算机网络的普及，网络应用日趋丰富，人们利用Internet足不出户就可以获取所需要的信息，实现购物、炒股、娱乐和在线学习等。Web网站是Internet的重要组成部分，对于公司和企业来说，可以利用网站来展示企业形象，宣传企业，推荐产品并进行电子商务活动，从而利用Internet带来无限商机；对于个人，可以按照爱好和兴趣建立一个具有独特风格的网站，通过它来展示自我，共享资源；对于政府机关，可以利用网站宣传政策法规和进行网络办公，实现电子政务。因此，网页设计和制作技术越来越受到重视。 　　目前，许多高等院校都开设了网页设计与网站开发相关课程，这一课程已成为信息管理、电子商务和计算机网络等专业的必修课，同时也深受其他专业学生的喜爱，成为选修率很高的一门课程。本书是一本全面介绍网页设计与制作技术，以及JavaScript脚本编程和Web数据库应用技术的教程。它以目前最流行的网页设计三剑客Dreamweaver 8、Fireworks 8、Flash 8作为技术支持，由浅入深，系统地介绍了网页的构思、规划、制作和网站建设的全过程。本书着重讲解了如何使用JavaScript进行客户端编程，如何开发Web数据库应用。 　　本书分为三个部分：第一部分为基础篇（第1～2章），介绍Internet和WWW的基本知识、网站建设概论以及制作网页的基本语言HTML；第二部分为应用篇（第3～11章），详细介绍如何利用Dreamweaver 8设计制作网页，JavaScript脚本编程，Web数据库应用，以及网站发布和维护方面的知识；第三部分为图形动画篇（第12～15章），介绍目前最常用的网页制作辅助工具Fireworks 8和Flash 8，并给出一些制作实例。 　　网页设计是一门实践性很强的课程，实践是学好本课程的重要环节。为此我们编写了与其配套的实验教程，供读者学习时参考。 　　本书由吴黎兵、熊建强、杨鏖丞拟订大纲和主编，并负责全书的统稿。各章节的具体编写分工是：第1、2章由熊建强编写，第3、4章由宋麟编写，第5、8章由黄磊编写，第6、11章由周畅和汤建琴编写，第7、10章由杨鏖丞编写，第9、12、13章由吴黎兵和熊卿编写，第14、15章由余艳霞编写。本书编写过程中得到了各级领导和机械工业出版社华章分社的大力支持，在此表示衷心的感谢。 　　限于作者水平，书中难免有不足与疏漏之处，敬请专家、同行及广大读者批评指正！ 　　为便于老师教学，我们将为选用本教材的任课老师免费提供电子教案。需要者请登录华章网站（http://www.hzbook.com）免费下载，或通过电子邮件与我们联系（[email protected]）。 　　作　 者　 　　2007年1月 　　于武汉大学珞珈山 前言 第1章　 WWW技术简介 1 1.1　 WWW的特点和结构 1 1.2　 Web服务器的配置 3 1.3　 创建虚拟目录 7 1.4　 网页浏览器IE 6.0的配置 10 本章小结 12 思考题 12 第2章　 HTML基础 13 2.1　 网页与HTML概述 13 2.2　 文档结构标记和格式标记 14 2.3　 文本标记和链接标记 16 2.4　 图像标记和多媒体标记 19 2.5　 表格标记和表单标记 20 2.6　 其他常用标记 24 本章小结 25 思考题 25 第3章　 Dreamweaver 8概述 26 3.1　 网页中的基本元素 26 3.1.1　 文本 26 3.1.2　 图像 27 3.1.3　 多媒体 27 3.1.4　 超级链接 28 3.1.5　 表单 28 3.1.6　 导航栏 28 3.1.7　 其他常见元素 28 3.2　 Dreamweaver 8的界面元素介绍 29 3.2.1　 工作区布局 29 3.2.2　 起始页 29 3.2.3　 窗口布局 30 3.3　 获取帮助 37 3.3.1　 帮助文档 37 3.3.2　“参考”面板 38 3.4　 创建本地站点 38 3.4.1　 规划站点结构 39 3.4.2　 引例 39 本章小结 41 思考题 41 第4章　 制作简单网页 42 4.1　 文本及排版 42 4.1.1　 插入文本 42 4.1.2　 引例 43 4.1.3　 格式化文本 43 4.1.4　 创建项目列表 45 4.2　 设置文件头和网页属性 47 4.2.1　 设置网页的编码 47 4.2.2　 设定文档标题 48 4.2.3　 添加关键字 48 4.2.4　 设置网页的刷新 49 4.2.5　 插入meta对象 50 4.3　 插入表格 50 4.3.1　 引例 50 4.3.2　 制作表格 51 4.3.3　 编辑表格 52 4.3.4　 表格属性面板的使用 56 4.4　 插入多媒体对象 58 4.4.1　 使用图像 58 4.4.2　 插入Flash对象 63 4.4.3　 插入视频对象 68 4.4.4　 插入音频对象 71 4.5　 插入Java Applet 72 4.6　 创建超级链接 73 4.6.1　 地址和链接 73 4.6.2　 添加链接 74 4.6.3　 书签链接和热点链接 76 本章小结 77 思考题 78 第5章　 网页布局和框架 79 5.1　 布局模式 79 5.1.1　 引例 79 5.1.2　 关于“布局”模式 80 5.2　 绘制布局表格和布局单元格 80 5.2.1　 绘制布局表格 80 5.2.2　 绘制布局单元格 81 5.2.3　 绘制嵌套布局表格 82 5.3　 使用标尺与网格 82 5.3.1　 使用标尺 82 5.3.2　 使用网格 82 5.4　 调整布局表格及布局单元格 83 5.4.1　 选择布局表格和布局单元格 83 5.4.2　 调整布局表格和布局单元格的大小 83 5.4.3　 移动嵌套布局表格和布局单元格 84 5.4.4　 设置布局表格和布局单元格的属性 84 5.4.5　 设置列宽度 85 5.5　 设置布局模式的首选参数 87 5.6　 框架的使用 88 5.6.1　 关于框架和框架集 88 5.6.2　 创建框架和框架集 89 5.6.3　 选择框架和框架集 93 5.6.4　 保存框架和框架集文件 94 5.6.5　 设置框架和框架集属性 95 5.6.6　 为框架设置链接 97 5.6.7　 处理不能显示框架的浏览器 98 本章小结 99 思考题 99 第6章　 使用CSS样式 100 6.1　 CSS样式的基本使用方法 100 6.1.1　 在网页中加入CSS样式 100 6.1.2　“CSS样式”面板 101 6.1.3　 CSS样式的创建和应用 102 6.2　 设置CSS样式属性 105 6.2.1　 设置类型属性 105 6.2.2　 设置背景属性 106 6.2.3　 设置区块属性 107 6.2.4　 设置方框属性 108 6.2.5　 设置边框属性 108 6.2.6　 设置列表属性 109 6.2.7　 设置定位属性 110 6.2.8　 设置扩展属性 111 6.3　 CSS滤镜 111 6.4　 CSS样式应用实例 115 6.4.1　 美化文本框与按钮 115 6.4.2　 打造多彩文字链接 116 6.4.3　 用CSS控制网页整体风格 117 本章小结 118 思考题 118 第7章　 JavaScript 119 7.1　 JavaScript概述 119 7.1.1　 引例 119 7.1.2　 JavaScript的特点 120 7.1.3　 JavaScript与Java的区别 121 7.2　 JavaScript的词法规则 122 7.2.1　 大小写敏感性 122 7.2.2　 语句结束符 122 7.2.3　 注释 123 7.2.4　 标识符 123 7.2.5　 保留字 123 7.3　 JavaScript的基本数据类型 124 7.3.1　 数值型 124 7.3.2　 字符串型 124 7.3.3　 布尔型 125 7.3.4　 变量 125 7.4　 JavaScript的表达式和运算符 126 7.4.1　 表达式 126 7.4.2　 运算符 126 7.5　 JavaScript基本语句 127 7.5.1　 引例 127 7.5.2　 表达式语句和复合语句 128 7.5.3　 条件语句 128 7.5.4　 循环语句 130 7.5.5　 标签语句 132 7.6　 JavaScript函数 133 7.6.1　 引例 133 7.6.2　 函数的定义和调用 133 7.6.3　 函数的参数传递和返回值 134 7.6.4　 函数的变量作用范围 135 7.7　 JavaScript对象和数组 135 7.7.1　 对象 135 7.7.2　 数组 144 7.7.3　 文档对象模型 147 本章小结 151 思考题 152 第8章　 表单 153 8.1　 插入表单 153 8.1.1　 引例 153 8.1.2　 插入表单方法 153 8.2　 插入表单对象 154 8.2.1　 添加按钮 155 8.2.2　 添加文本域 155 8.2.3　 添加复选框 157 8.2.4　 添加单选按钮 157 8.2.5　 添加列表/菜单 159 8.2.6　 添加文件域 161 8.2.7　 添加图像域 161 8.2.8　 添加隐藏域 163 8.2.9　 添加跳转菜单 164 8.2.10　 添加搜索引擎 165 本章小结 168 思考题 168 第9章　 层与行为 169 9.1　 层的创建与基本操作 169 9.2　 层的属性设置 171 9.2.1　 选择层 171 9.2.2　 层属性面板的使用 172 9.3　 层的其他操作 173 9.3.1　 吸附层到网格 173 9.3.2　 层和表格的转换 174 9.3.3　 嵌套层 175 9.3.4　 在层中插入内容 175 9.4　 时间轴概述 176 9.5　 使用时间轴创建动画 177 9.5.1　 使用关键帧创建动画 177 9.5.2　 通过拖动路径创建动画 179 9.5.3　 时间轴的其他操作 180 9.6　 Dreamweaver中的行为 181 9.6.1　 行为概述 182 9.6.2　 添加行为 183 9.6.3　 更改行为 183 9.6.4　 打开浏览器窗口 184 9.6.5　 显示－隐藏层 185 9.6.6　 设置状态栏文本 186 9.6.7　 交换图像 187 9.6.8　 拖动层 187 本章小结 189 思考题 189 第10章　 Web数据库应用 190 10.1　 关于Web应用程序 190 10.1.1　 静态网页的处理过程 190 10.1.2　 动态网页的处理过程 190 10.1.3　 Web数据库访问 191 10.2　 数据库基础 192 10.2.1　 数据库、数据库管理系统和数据库 系统 192 10.2.2　 记录与字段 192 10.2.3　 记录集 192 10.2.4　 数据库的设计流程 193 10.2.5　 数据库连接 193 10.2.6　 结构化查询语言 194 10.3　 设置Web数据库应用 194 10.3.1　 设置Web服务器 194 10.3.2　 设置应用程序服务器 194 10.3.3　 连接数据库 195 10.4　 定义数据源 198 10.4.1　 引例 198 10.4.2　 定义记录集 198 10.4.3　 定义命令对象 201 10.4.4　 定义服务器变量 202 10.5　 添加动态内容 204 10.5.1　 引例 204 10.5.2　 动态文本 204 10.5.3　 动态图像 205 10.5.4　 动态HTML属性 207 10.6　 添加服务器行为 207 10.6.1　 引例 207 10.6.2　 重复区域 208 10.6.3　 记录集分页 208 10.6.4　 显示区域 210 10.6.5　 记录计数器 211 10.6.6　 转到详细页面 212 10.6.7　 转到相关页面 214 本章小结 215 思考题 215 第11章　 站点管理 216 11.1　 站点和文件夹 216 11.1.1　 关于Dreamweaver站点 216 11.1.2　 本地和远程文件夹的结构 216 11.1.3　 设置新的Dreamweaver站点 217 11.2　 远程文件夹 221 11.2.1　 定义远程文件夹 221 11.2.2　 解决远程文件夹设置问题 223 11.3　 上传与获取文件 224 11.3.1　 从本地站点上传文件到远程 站点 224 11.3.2　 从远程站点获取文件到本地 站点 225 11.4　 遮盖文件夹和文件类型 225 11.5　 存回和取出远程站点中的文件 227 11.6　 站点报告 229 11.6.1　 运行报告 230 11.6.2　 使用和保存报告 231 11.7　 创建站点地图 231 11.8　 站点测试、管理和发布 234 11.8.1　 站点测试 234 11.8.2　 站点管理和发布 234 本章小结 235 思考题 235 第12章　 Fireworks 8入门 236 12.1　 Fireworks 8概述 236 12.2　 Fireworks工作环境 239 12.2.1　“工具”面板 239 12.2.2　“属性”检查器 239 12.2.3　 各类面板 240 12.3　 Fireworks文档操作 241 12.3.1　 创建新文档 241 12.3.2　 打开和导入文件 242 12.3.3　 保存Fireworks文档 242 12.4　 更改画布 243 12.4.1　 更改画布大小、颜色和图像 大小 243 12.4.2　 关于重新取样 244 12.4.3　 旋转画布、修剪或符合画布 244 12.4.4　 修剪文档 245 12.4.5　 使用标尺、辅助线和网格 245 12.5　 首选参数和快捷键 246 12.5.1　 设置首选参数 246 12.5.2　 更改快捷键设置 248 12.6　 操作的撤消与重复 249 本章小结 250 思考题 250 第13章　 Fireworks 8制作实例 251 13.1　 制作环绕文字 251 13.2　 文字蒙盖图像 252 13.3　 制作网页按钮 254 13.4　 绘制QQ企鹅卡通效果 255 13.5　 制作弹出菜单 256 13.6　 网页切片 258 13.7　 制作动画 261 本章小结 263 思考题 263 第14章　 Flash 8概述 264 14.1　 Flash 8的工作环境简介 264 14.1.1　 初识Flash 8 264 14.1.2　 文档选项卡 265 14.1.3　 时间轴 265 14.1.4　 工具箱 266 14.1.5　 舞台 267 14.1.6　 工作区 268 14.1.7　 网格 268 14.1.8　 标尺 269 14.1.9　 常用面板 269 14.2　 基本绘图工具 273 14.2.1　 选择工具 273 14.2.2　 部分选取工具 274 14.2.3　 直线工具 274 14.2.4　 套索工具 275 14.2.5　 钢笔工具 276 14.2.6　 椭圆工具与矩形工具 277 14.2.7　 铅笔工具 277 14.2.8　 刷子工具 278 14.2.9　 任意变形工具 278 14.2.10　 填充变形工具 279 14.2.11　 墨水瓶工具与颜料桶工具 280 14.2.12　 滴管工具 280 14.2.13　 橡皮擦工具 281 14.2.14　 文本工具 281 本章小结 282 思考题 283 第15章　 基本动画制作 284 15.1　 逐帧动画 284 15.1.1　 创建逐帧动画的几种方法 284 15.1.2　 制作过程 284 15.2　 形状补间动画 287 15.2.1　 创建形状补间动画的方法 287 15.2.2　 制作过程 287 15.3　 动作补间动画 288 15.3.1　 创建动作补间动画的方法 288 15.3.2　 动作补间动画的属性面板 289 15.3.3　 制作过程 289 15.4　 遮罩动画 291 15.4.1　 遮罩和遮罩的创建 291 15.4.2　 应用遮罩时的技巧 291 15.4.3　 制作过程 292 15.5　 引导路径动画 293 15.5.1　 创建引导路径动画的方法 293 15.5.2　 应用引导路径动画的技巧 294 15.5.3　 制作过程 294 15.6　 动画实例 296 15.6.1　 飞翔的文字 296 15.6.2　 溪流效果 298 本章小结 300 思考题 300 参考文献 301
疯狂HTML 5+CSS 3+JavaScript讲义（第2版）+源代码
11-19
目录 第1章　HTML 5简介 1 1.1　HTML历史与HTML 5 2 1.2　HTML 5的优势 6 1.3　HTML 5的基本结构和语法变化 8 1.4　本章小结 12 第2章　HTML 5的常用元素与属性 14 2.1　HTML 5保留的常用元素 15 2.2　HTML 5增强的iframe元素 34 2.3　HTML 5保留的通用属性 40 2.4　HTML 5新增的通用属性 44 2.5　HTML 5新增的结构元素 48 2.6　HTML 5新增的语义元素 55 2.7　HTML 5头部和元信息 59 2.8　HTML 5新增的拖放API 63 2.9　本章小结 71 第3章　HTML 5表单相关的元素和属性 72 3.1　HTML原有的表单及表单控件 73 3.2　HTML 5新增的表单属性 83 3.3　HTML 5新增的表单元素 90 3.4　HTML 5新增的客户端校验 96 3.5　本章小结 100 第4章　HTML 5的绘图支持 101 4.1　使用canvas元素 102 4.2　绘图 103 4.3　坐标变换 118 4.4　控制叠加风格 123 4.5　控制填充风格 124 4.6　位图处理 128 4.7　输出位图 132 4.8　动画制作 133 4.9　本章小结 136 第5章　HTML 5的多媒体支持 137 5.1　使用audio和video元素 138 5.2　使用JavaScript脚本控制媒体播放 141 5.3　事件监听 144 5.4　track元素 146 5.5　本章小结 149 第6章　级联样式单与CSS选择器 150 6.1　样式单概述 151 6.2　CSS样式单的基本使用 152 6.3　CSS选择器 158 6.4　伪元素选择器 167 6.5　CSS 3新增的伪类选择器 176 6.6　在脚本中修改显示样式 195 6.7　本章小结 197 第7章　字体与文本相关属性 198 7.1　字体相关属性 199 7.2　CSS 3支持的颜色表示方法 205 7.3　文本相关属性 206 7.4　CSS 3新增的服务器字体 212 7.5　本章小结 215 第8章　背景、边框和边距相关属性 216 8.1　盒模型简介 217 8.2　背景相关属性 217 8.3　使用渐变背景 226 8.4　边框相关属性 239 8.5　使用opacity控制透明度 246 8.6　padding和margin相关属性 247 8.7　本章小结 249 第9章　大小、定位、轮廓相关属性 250 9.1　width、height相关属性 251 9.2　定位相关属性 255 9.3　轮廓相关属性 257 9.4　用户界面和滤镜属性 258 9.5　本章小结 263 第10章　盒模型与布局相关属性 264 10.1　盒模型和display属性 265 10.2　对盒添加阴影 275 10.3　布局相关属性 278 10.4　CSS 3新增的多栏布局 285 10.5　使用弹性盒布局 289 10.6　本章小结 306 第11章　表格、列表相关属性及media query 307 11.1　表格相关属性 308 11.2　列表相关属性 313 11.3　控制光标的属性 316 11.4　media query和响应式布局 317 11.5　本章小结 323 第12章　变形与动画相关属性 324 12.1　CSS 3提供的变形支持 325 12.2　CSS 3新增的3D变换 337 12.3　CSS 3提供的Transition动画 341 12.4　CSS 3提供的Animation动画 345 12.5　本章小结 349 第13章　JavaScript语法详解 350 13.1　JavaScript简介 351 13.2　数据类型和变量 356 13.3　基本数据类型 364 13.4　复合类型 376 13.5　运算符 381 13.6　语句 391 13.7　流程控制 395 13.8　函数 403 13.9　函数的参数处理 425 13.10　面向对象 429 13.11　创建对象 437 13.12　本章小结 443 第14章　DOM编程详解 444 14.1　DOM模型概述 445 14.2　DOM模型和HTML文档 446 14.3　访问HTML元素 448 14.4　修改HTML元素 456 14.5　增加HTML元素 458 14.6　删除HTML元素 463 14.7　传统的DHTML模型 467 14.8　使用window对象 469 14.9　navigator和地理定位 479 14.10　HTML 5增强的History API 485 14.11　使用document对象 490 14.12　HTML 5新增的浏览器分析 493 14.13　本章小结 496 第15章　事件处理机制 497 15.1　事件模型的基本概念 498 15.2　绑定事件处理函数 499 15.3　事件处理函数的执行环境 505 15.4　事件类型 521 15.5　本章小结 534 第16章　本地存储与离线应用 535 16.1　Web Storage 536 16.2　Indexed数据库API 545 16.3　离线应用 564 16.4　本章小结 571 第17章　文件支持与二进制数据 572 17.1　HTML 5增强的文件上传域 573 17.2　ArrayBuffer与TypedArray 578 17.3　Blob类 583 17.4　本章小结 587 第18章　Web Worker多线程API 588 18.1　使用Worker创建多线程 589 18.2　与Worker线程进行数据交换 591 18.3　Worker线程嵌套 594 18.4　使用SharedWorker创建共享线程 597 18.5　Promise 603 18.6　本章小结 611 第19章　客户端通信 612 19.1　跨文档消息传递 613 19.2　使用WebSocket与服务器通信 621 19.3　使用Server-Sent Events API 630 19.4　使用Beacon 635 19.5　本章小结 636 第20章　HTML 5的疯狂俄罗斯方块 637 20.1　俄罗斯方块简介 638 20.2　开发游戏界面 639 20.3　俄罗斯方块的数据模型 640 20.4　实现游戏逻辑 644 20.5　本章小结 654
HTML5+CSS3网页设计-第二章 列表表格与媒体元素.pptx
12-21
+CSS3网页设计
全栈工程师开发8个阶段（27.32G）
04-11
0.HTML5和CSS3完成网站布局 ---1.html5基础入门 ---2.列表、表格、媒体元素 ---3.表单及特性 ---4.css3入门使用 ---5.css3美化 ---6.盒子模型 ---7.浮动处理 ---8.元素定位 ---9.css3动画 1.java基础(第二版)出书配套 ---第01章初识java ---第02章变量,数据类型,运算符 ---第03章条件选择结构 ---第04章循环结构 ---第05章数组 ---第06章二维数组 ---第07章嵌套循环 3.高级特性视频 ---第八章 ---第二章 ---第六章 ---第七章 ---第三章 ---第四章 ---第五章 ---第一章 4.mysql+JDBC ---jdbc ---mysql 5.jQuery制作网页特效 ---1.javaScript基础 ---2.javaScript操作BOM ---3.javaScript操作DOM ---4.JavaScript对象及初识面向对象 ---5.初识jQuery(转换) ---6.jQuery选择器 ---7.jQuery的事件与动画 ---8.jQuery操作D
HTML学习笔记（超详细）（二）
jojo_oulaoula的博客
05-11 102
水果苹果香蕉菠萝水果2
列表、表格与媒体元素（详解及使用）
没有简介
04-25 41
列表、表格与媒体元素
HTML（第二章） 标签：列表、表格与媒体元素
m0_61835031的博客
07-05 62
标签：列表、表格与媒体元素列表比较
Web前端第二章：列表、表格及媒体元素
weixin_74344274的博客
10-21 41
列</td><td rowspan="x">行
Web第二章：列表表格媒体元素
m0_73819250的博客
10-21 32
水果苹果</dd> <dd>桃子</dd> <dd>李子<strong>总页面流量</strong></td><td><strong>共计来访</strong></td><td><strong>会员</strong></td><td><strong>游客</strong></td><td>平均每人浏览
第二章 列表、表格与媒体元素
NoKris的博客
06-17 318
​ 主要内容：有序列表，无序列表，定义列表；表格的使用，表格的跨列跨行，表格属性；video和audio；HTML5的结构元素；iframe内联框架。
第2章 列表，表格与媒体元素
X_302lizhaohon的博客
06-14 247
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品牌全知道&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;
HTML5第二章列表，表格与媒体元素课后作业
tb19930719的博客
06-14 911
5制作百度知道 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;品牌全知道&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h
第二章 列表、表格与媒体元素
墨渐生微的博客
08-25 2092
一、制作音乐排行榜           需求说明：使用无序列表制作音乐排行榜热门活动 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;热门活动&lt;/title&gt; &lt;/head&gt; &lt;
方正畅享全媒体新闻采编系统 binary.do SQL注入漏洞复现
0xSec
05-20 443
方正畅享全媒体新闻采编系统 binary.do接口处存在SQL注入漏洞，未经身份验证的恶意攻击者利用 SQL 注入漏洞获取数据库中的信息（例如管理员后台密码、站点用户个人信息）之外，攻击者甚至可以在高权限下向服务器写入命令，进一步获取服务器系统权限。
HTTP content-type MIME 类型（IANA 媒体类型）
小楼一夜听春雨，深巷明朝卖杏花
05-18 1259
Content-Type(MediaType)，即是Internet Media Type，互联网媒体类型，也叫做MIME类型。在互联网中有成百上千中不同的数据类型，HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签，用于区分数据类型。最初MIME是用于电子邮件系统的，后来HTTP也采用了这一方案。（也通常称为或类型）是一种标准，用来表示文档、文件或一组数据的性质和格式。在HTTP协议消息头中，使用Content-Type来表示请求和响应中的媒体类型信息。
消防体验馆升级，互动媒体点亮安全之路！
duvbxff的博客
05-21 207
如今，这种技术变革已经深入到城市与社区的每一个角落，为消防教育的普及和深化带来了前所未有的好处。传统的消防宣传方式主要以海报、宣传册、电视广告等为主，这些方式虽然有一定的宣传效果，但也存在一些不足之处，而运用了多媒体互动装置建设的消防体验馆，则能通过更具创意性的内容表达方式，加强用户对内容的记忆点，同时凭借新颖的展示形式和视觉效果，还能将其发布在社交媒体上，吸引公众的关注和转发，来鼓励公众参与和分享消防安全知识，这也正是科技发展对于消防安全工作的意义所在。
用这8种方法在海外媒体推广发稿平台上获得突破-华媒舍
最新发布
lijiaheng206的博客
05-23 374
这种跨文化的交流不仅促进了社会的进步，还为各国合作提供了更多的机会。这不仅可以增加您的专业形象，还可以吸引更多的读者参与讨论并分享您的文章。确保你的文章有足够的信息量，文笔流畅，并且与受众的兴趣相关。保持更新频率，确保你的受众能够获得新鲜的内容，同时定期检查和修订旧内容，以保持其质量和相关性。的内容，积极互动并与影响者合作，将会帮助您吸引更多的读者并提升您的影响力。记住，在这个数字时代，有效的推广策略是实现突破和成功的关键。通过社交媒体的分享功能，你可以扩大你的读者群体，并提高文章的曝光度。
CSS代码：并且表格和父元素同宽好看的表格样式
05-25
你可以使用以下 CSS 代码来让表格和父元素同宽，同时美化表格样式： ```css table { width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 8px; text-align: left; border-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Ffengqing.@

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值