- 博客(15)
- 收藏
- 关注
原创 H5表单
文章目录表单的概念表单的控件form标签input标签textarea 标签label标签select标签keygen标签output标签正则表达式正则表达式特殊符号的元字符定位用元字符基本元字符反义字符重复描述字符扩展表单的概念 表单的是网页中用来收集用户信息的区域,由文本域、复选框、单选框、菜单、文件地址域、按钮等表单元素组成。表单的控件form标签语法:<form action=“url地址” method=“提交方式” name=“表单名称”> …表单控件… &l
2020-09-13 14:04:26
927
原创 HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签标签描述标题标签HTML中一共有六级标题,标题按字号大小从大到小为H1、H2、H3、H4、H5、H6<p>用于定义HTML中的段落<br>和<wbr><br>标签用于插入一个简单换行符,用来输入空行。<wbr>标签规定文本在什么时候适合添加换行符,作用是建议浏览器可以在标记处断行,但只是建议不一定是必定换行,还有根据整行文字的长度来定<details> 和<su
2020-09-13 14:03:50
3342
原创 制作一个餐饮网站的头部
样式如下:代码如下:<!DOCTYPE html><html><head> <title>餐饮网站header部分</title> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid
2020-09-13 14:02:54
285
原创 HTML5增加音频和视频
文章目录video标签的用法video标签常用属性值video标签的视频格式DOM video对象audio标签audio标签DOM audio对象video标签的用法 在HTML5之前,网页中只能处理文字和图像数据,在HTML5中为网页提供了处理视频数据的能力,使用<video>标签来定义视频播放器,它的功能不仅仅是一个标签而已, <video> 标签的控制栏,实现了包括播放、暂停、进度和音量控制、全屏等功能,更重要的是我们可以自定义这些功能和控制栏的样式。格式为:&l
2020-09-13 14:01:08
421
原创 css3动画效果属性
文章目录border-radiutransitiontransformanimationspriteborder-radiu 作用是为 div 元素添加圆角边框;border-radius属性其实是由border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius四个属性组合而成,它有三种表示方法,分别是px;%,em. 它的设置顺序为:border-radius:
2020-09-13 14:00:09
315
原创 canvas画布
canvas简介 <canvas> 是 HTML5 新增的,一个可以使用脚本(通常为JavaScript)在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画,甚至可以进行实时视频处理和渲染。创建画布<canvas id="myCanvas" width="500" height="500">您的浏览器不支持canvas</canvas> var myCanvas = document.getElementById('m.
2020-09-13 13:59:01
135
原创 弹性盒子里放入视频
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>武术</tit...
2020-05-05 14:32:19
268
原创 表单验证
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>网页标题</title><style type="text/css"> div{ width: 800px; height: 450px; }</style>&...
2020-05-05 14:31:28
200
原创 过渡与变形的综合应用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ background-color: black;//将背景的颜色设为黑色 } //使图片在一排 .bos...
2020-03-26 14:44:27
214
原创 H5标志的绘制
这是一个css代码body{margin: 0;padding: 0;}div{position: absolute;}.bg{width: 800px;height: 600px;background: #f2f2f2;overflow: hidden;}.beam{width: 1600px;height: 20px;background: #fff;top...
2020-03-10 15:40:02
260
原创 网页:员工信息等级表
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>网页标题</title></head><body><center><div id=1 style="width:300;high:200; text-al...
2020-03-10 15:38:58
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人