<audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流。用的比较多音频格式是.mp3。
<audio>标签常用属性如下表
属性
值
描述
autoplay
autoplay
添加该属性后,音频会自动播放
……全文阅读 »
maolai
5年前 (2017-03-26) 1023浏览 1评论
课程目标:HTML5第一季主要学习HTML5的标签和CSS3的基本知识,然后通过三种不同类型的案例贯穿整个学习过程!
适用人群:HTML5的初学者,对Web前端入门课程感兴趣的同学!
课程简介:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重……全文阅读 »
maolai
6年前 (2016-12-10) 480浏览 0评论
web前端html定位层的特点:
完全脱离默认文档流,独立于立体层面的Z轴之上。和float浮动一样都脱离了默认文档流。但float元素与默认文档流之间会相互产生影响,而定位层元素则完全独立互不干扰。
让元素inline-block化:例如一个div标签默认宽度是100%显示……全文阅读 »
maolai
6年前 (2016-12-08) 537浏览 0评论
HTML5是下一代Web语言,它不再只是一种标记语言,它未下一代web提供了全新的框架和平台,包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能,并使这些用用标准化,从而使web能够轻松实现类似桌面的应用体验。
Html5优点:1、提高可用性和改进用户的友好……全文阅读 »
maolai
6年前 (2016-11-26) 646浏览 0评论
什么是表单?表单是搜集用户数据信息的各种表单元素的集合区域。它的作用是实现网页上的数据交互。搜集客户端输入的数据信息,提交到网站服务器端进行处理(搜集录入/比对验证等)。
表单常见应用:a、注册/登录 b、搜索 c、留言/评论 d、文件上传/文章编辑
表单的结构:表单区域+表……全文阅读 »
maolai
6年前 (2016-11-19) 453浏览 0评论
Sublime Text3的一个 HTML5 代码提示插件:Emmet,这个插件比自带原生的要强大许多。
一.安装方式
Emmet 插件安装一般采用两种方式,1.通过命令安装;2.下载离线安装。这里直接采用的是下载离线安装方式。具体步骤:
1.解压下载好的 Emmet 插件包……全文阅读 »
maolai
6年前 (2016-11-12) 547浏览 0评论
内容区域设定:width:宽度的设定,height:高度的设定。宽度和高度的设定可以是个体的数值(带单位),也可以是百分比设置。
内边距(padding)的设定:
.盒子的内边距为上右下左四个方向
.内边距的设定用来控制盒子中装载的内容到盒子边缘(边框)之间的距离。
.盒子的……全文阅读 »
maolai
6年前 (2016-11-11) 506浏览 0评论
一、使用 CSS
CSS 样式由一条或多条以分号隔开的样式声明组成。每条声明的样式包含着一个 CSS属性和属性值。
<p style="color:red;font-size:50px;">个人博客网站</p>
解释:style 是行内样式属性。col……全文阅读 »
maolai
6年前 (2016-01-25) 468浏览 0评论
一、HTML实体
HTML 实体就是将有特殊意义的字符通过实体代码显示出来。如下图介绍。
二、HTML元数据
<meta>元素可以定义文档中的各种元数据,而且一个HTML页面可以包含多个<meta>元素。
1、指定名/ 值元数据对
<meta n……全文阅读 »
maolai
6年前 (2016-01-24) 357浏览 0评论
一、其他元素
表单元素还剩下几个元素包括下拉框列表 select、多行文本框 textarea、和 output 计算结果元素。
select 生成一个下拉列表进行选择。optgroup 对 select 元素进行编组。option select 元素中的项目。textare……全文阅读 »
maolai
6年前 (2016-01-23) 390浏览 0评论
一、type 属性总汇
input 元素可以用来生成一个供用户输入数据的简单文本框。在默认的情况下,什么样的数据均可以输入。而通过不同的属性值,可以限制输入的内容。
1、text 一个单行文本框,默认行为。2、password 隐藏字符的密码框。3、search 搜索框,在某……全文阅读 »
maolai
6年前 (2016-01-22) 447浏览 0评论
一、表单元素总汇
在HTML5的表单中,提供了各种可供用户输入的表单控件。
form 表示HTML表单
input 表示用来收集用户输入数据的控件
textarea 表示可以输入多行文本的控件
select 表示用来提供一组固定的选项
option 表示提供提供一个……全文阅读 »
maolai
6年前 (2016-01-21) 474浏览 0评论
一.音频和视频概述
首先,要理解两个概念:容器(container)和编解码器(codec)。
1. 视频容器
音频文件或视频文件,都只是一个容器文件。视频文件包含了音频轨道、视频轨道和其他一些元数据。视频播放时,音频轨道和视频轨道是绑定在一起的。元数据包含了视频的封面、标题……全文阅读 »
maolai
6年前 (2016-01-18) 406浏览 0评论
HTML5中嵌入元素主要功能是把外部的一些资源插入到HTML 中。
一、嵌入元素总汇
img 嵌入图片
map 定义客户端分区响应图
area 表示一个用户客户端分区响应图的区域
audio 表示一个音频资源
video 表示一个视频资源
iframe 嵌入一……全文阅读 »
maolai
6年前 (2016-01-15) 337浏览 0评论
HTML5规范指出:使用元素应该完全从元素的语义出发。但是由于历史遗留及用户至上的原则,这种语义会宽松许多。
一、元素名称说明
从下图表中我们发现文本元素还是非常多的。但实际上,在现实应用中,真正常用的也就是那么几个,绝大部分是针对英文的。
二. 文本元素解析
1.<b……全文阅读 »
maolai
6年前 (2016-01-13) 424浏览 0评论
一、HTML5 文档结构
<!DOCTYPE html> //文档类型声明
<html lang="zh-cn"> //表示 HTML 文档开始
<head> //包含文档元数据开始
<meta charset="utf-8"&……全文阅读 »
maolai
6年前 (2016-01-12) 411浏览 0评论