添加视频格式： <video src="video-url"></video> video属性 src 指定视频文件的URLautoplay 设置视频自动播放controls 添加浏览器的默认控件muted 静音loop 循环播放poster 指定视频播放前的图像（海报），用URL指定图像文件width 视频窗口的宽度height 视频窗口的高度preload 预加载视频，值：none 不预加载metadata 仅加载视频... 阅读全文>>
p标签（段落）用来添加一个段落。 small标签（细则旁注）用来包含免费声明、注解、署名等类型文本默认字体为稍小的字号 stong标签（加强）标记重要要文本，显示效果为粗体 em标签（强调）表示强调，显示效果为斜体em用于所有层次的强调，strong用于表示重要性另外显示效果上的，粗体可以用b标签，斜体用i标签，他们都没有语义 figure标签（创建图）图可以是图表、图片、图形、视频、代码片段等使用figcaption标签为图添加标题，一个figure中只能有一个figcaption，且只能出现... 阅读全文>>
创建列表使用ol标签创建有序列表、ul标签创建无序列表使用li标签创建列表项 选择标记使用list-style-type为列表设置左侧的标记值：disc(实心圆点) 、circle(空心圆圈)、square(方块)、decimal(数字)、upper-alpha(大写字母)、lower-alpha(小写字母)、upper-roman(大写罗马数字)、lower-roman(小写罗马字母)none(无标记)继承的 使用图像作为标记先对列表标签(ul、ol)使用使用list-style :none;... 阅读全文>>
表单的起源比js还要早，功能也已经很完善了，兼容性也很好。通过表单，网站管理员可以和用户进行交互。 创建表单使用form标签创建表单，并设置method和action属性 method属性值post或get，post用于向服务器提交数据，get会向服务器提交并将返回的数据显示在浏览器地址栏 action属性是表单提交后服务器上用于处理的脚本的url 如：… 这个表单使用post方式上传数据，服务器上用于处理的脚本为save.php 组织表单元素使用fieldset标签将表单中相关的元素包含为一个... 阅读全文>>
规划网站规划网站的方法： 选定网站类型确定页面结构，画出网站结构草图设计页面、图像、其他文件的命名规则 默认页面 服务器会根据文件名识别每个文件夹中的默认页面，会依次查找： "index.html"、"index.htm"、"default.htm" 这意味着你在浏览器地址栏输入 “www.luoluolzb.cn” 和 “www.luoluolzb.cn/index.html” 的效果一样 关于html文件html为纯文本文件，使用记事本就可以编写^_^，保存的时候注意使用utf-8格式保存... 阅读全文>>
基本HTML结构<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <title>标题</title> </head> <body> <p>hello html</p> </body> </html> header标签(页眉)通常包含一些导航信息... 阅读全文>>
为元素创建圆角 创建四个相同的圆角：这步可选，输入：-webkit-border-radius: r; ，r是圆角半径。输入：border-radius: r; r和第一步值相同(将鼠标放在图形上可以查看属性，下面的都可以) 创建一个圆角：这步可选，输入：-webkit-border-x-y-radius: r; x和y为方位，可以取top、bottom、left、right输入：border-x-y-radius: r; r和第一步值相同重复使用上面属性即可创建多个圆角。 创建椭圆圆角：这步可... 阅读全文>>
(本章跳过了，暂无笔记)... 阅读全文>>
设置字体系列属性：font-family 值：font-name1, font-name2, …, font-namen n>=1, font-name是字体名称，若浏览器无font-name1则使用font-name2，若无font-name2则使用font-name3，依次类推，若所有的都不存在使用默认字体。 继承的 设置斜体属性：font-style 值：italic(常用)、oblique、 normal(取消斜体) 继承的 设置粗体属性：font-weight 值：bold(一般... 阅读全文>>
概述所谓响应式网站就是：可以根据用户浏览器窗口大小自动调节布局的网站。自动适应不同的终端设备。 创建可伸缩元素对元素使用 max-width: nn值可以是%(相对于父元素的百分比), em, px等，表示图像的最大宽度是n... 阅读全文>>
加载JavaScript脚本加载JavaScript脚本的方式和css一样有三种方式： 加载外部脚本(推荐使用)：格式： <script src="script.js"></script> 加载外部脚本，其中script.js是js脚本的路径 添加嵌入脚本：格式： <script> /*这里写脚本代码*/ </script> 添加内联脚本(少用) <a onclick="submit();">提交</a> 加快js... 阅读全文>>
基本hmtl页面结构基本的html页面由顶部(html说明)、头部(head)、主体组成(body)模板： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>网页标题</title> </head> <body> 网页内容 </body> </html> 标... 阅读全文>>
img标签（图像）没有结束标签 src属性指定图像的URL地址 alt属性在图像加载未完成或者加载失败时显示文本 width和height属性指定图像显示的尺寸，不需要带单位（单位为px），但下载速度并不会改变 加快图片的加载速度：将图像尺寸变为两倍，但使用高压缩设置（就是选择低的图像质量）。这种策略可以使画质也不会太差 为网站添加图标方法一创建好图像命名为favicon.ico保存在网站的根目录下，ico文件可以在同一个文件夹包含不同尺寸的同名文件 网站图像尺寸最小为16x16，一般为16x1... 阅读全文>>
验证代码验证器可以对html和css代码进行检查并显示错误。 验证器： http://validator.w3.org/http://html5.validator.nu/ 测试页面 对代码进行验证检查页面的显示效果：如图像是否显示、URL链接是否正确、是否支持响应式等。检查资源文件是否存在，对其的url引用是否正确。在不同的浏览器中查看效果 调试技巧 使用开发者工具进行临时修改对盒子添加边框显示，查看盒子的情况。在css中使用注释屏蔽临时不需要的样式。... 阅读全文>>
使用样式表的三种方式 链接到外部样式表使用link标签： <link rel="stylesheet" href="URL" /> URL是样式表的地址，可以使用绝对地址也可以使用相对地址link标签写在head标签中，link标签没有结束标签如果多个样式表规则对同一个标签定义，按出现顺序使用最后一个样式表 创建嵌入样式表使用style标签将样式代码包含即可，style标签要求写在head标签中使用style标签和使用外部标签的规则一样，出现顺序靠后优先级高 应用内联样式使用sty... 阅读全文>>