HTML5基础--语法简介;语法简介;语法简介;HTML5新增结构元素;HTML5新增结构元素示例;HTML5新增网页元素;HTML5新增网页元素示例;HTML5废除的元素;HTML5新增网页元素;HTML5新增网页元素示例;HTML5废除的属性;需求说明
使用HTML5新增的结构元素搭建网易邮箱页面结构
每块内容的高为200px，边框为颜色为红色的1像素的实线;;感
2022-06-01 11:04:20
240KB
元素的类型
元素的类型
01
元素的类型
每一个HTML元素都有一个默认的显示值，它都取决于元素的类型。在CSS中，根据它的分类我们可以把HTML元素分为三种类型：
HTML 元素类型
块状元素（block）
内联元素（inline）
内联块状元素（inline-block）
块状元素
标签独自占据一行，相邻块状元素不会并列显示，且它的顺序是自上而下的排列；
在网页中以块的形式显示为矩形区域；
所有块状元素都可以定义自己的宽度和高度；
作为其他元素的容器，可以容纳其他内联和块状元素。
描述
示例
- 1
- 2
- 3
-
常见的块状元素
-
其中标记是最典型的块状元素。 内联元素 标签在一行内，宽度和高度由内容决定，只有在内容超过HTML的宽度时，才会换行； 表现形式始终以行内逐个进行显示； 没有自己的形状，不能定义宽高，最小内容单元也呈现矩形形状； 遵循盒子模型基本规则。 描述 示例2022-06-01 11:04:19 271KB
—
元素的转换
01
元素的转换
什么是元素的转换？
元素的转换
display
inline
block
inline-block
none
此元素将显示为行内元素（行内元素默认的display属性值）。
此元素将显示为块元素（块元素默认的display属性值）。
此元素将显示为行内块元素，可以对其设置宽高和对齐等属性，但是该元素不会独占一行。
此元素将被隐藏，不显示，也不占用页面空间。
说明
语法格式
display：属性值;
元素的转换
示例
div {
display: inline;
}
span{
display: block;
}
总结
02
了解为什么需要对元素进行转换
在HTML界面设计中能熟练运用元素的转换
总结
THANKS
2022-06-01 11:04:19
326KB
嵌入视频和音频
支持视频和音频的浏览器
浏览器介绍
01
PC端的浏览器
浏览器是网页运行的平台，常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。
移动端的浏览器
目前国内手机浏览器种类有很多：UC浏览器，QQ浏览器，百度浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器等以及其他杂牌浏览器
对视频和音频的支持情况
02
视频、音频支持情况
很多浏览器已经实现了对HTML5中video和audio元素的支持
注意: Internet Explorer 8 或者更早的IE版本不支持
2022-06-01 11:04:17
404KB
文本样式属性--字体样式属性
字体样式属性
为了更方便的控制网页中各种各样的字体，CSS提供了一系列的字体样式属性。
6
@font-face属性用于定义服务器字体。
7
word-wrap属性用于长单词和URL地址的自动换行
1
font-size属性用于设置字号。
2
font-family属性用于设置字体。
3
font-weight属性用于定义字体的粗细。
4
font-style属性用于设置变体（字体变化）。
5
font属性用于对字体样式进行综合设置。
字体样式属性
01
font-size属性
相对长度单位
说明
em
相对于当前对象内文本的字体尺寸
px
像素（推荐）
绝对长度单位
in
英寸
cm
厘米
mm
毫米
pt
点
font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。
说明：
定义：
font-family属性
定义：
font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。
说明：
若字体名中包含空格、#、$等符号，则该字体必须加单引号或双引号。
中文字体需要加英文状态下的引号，英文字体一般
2022-06-01 11:04:16
427KB
select 元素
select 元素
select 元素
01
select 元素
select控件提供下拉列表选项，供用户进行选择。下拉框通过select标记和option标记来定义。例如，在用户注册表单中，职业的选择项就使用下拉列表实现。
描述
语法格式
select 元素
标记用于在表单中添加一个下拉菜单
用于定义下拉菜单中的具体选项
每对中至少应包含一对。
说明
标记名
常用属性
描述
2022-06-01 09:11:41
223KB