目录:
第一章:HTML5基础
1.1 HTML5文件的基本结构和W3C标准
1.2 网页的基本标签
1.3 图像标签
1.4 超链接标签
第二章:列表、表格与媒体元素
2.1 列表
2.2 表格
2.3 HTML5的媒体元素
2.4 HTML5的结构元素
2.5 <iframe>框架
第三章:表单
3.1 表单概述
3.2 表单的高级应用
3.3 表单的初级验证
第四章:初识CSS3
4.1 CSS概述
4.2 CSS3的基本语法
4.3 在HTML中引入CSS样式
4.4 CSS3的选择器
第五章:CSS3美化网页元素
5.1 编辑网页文本
5.2 设置超链接和列表样式
5.3 背景样式
第六章:盒子模型
6.1 盒子模型
6.2 圆角边框
6.3 盒子阴影
第七章:浮动
7.1 网页布局
7.2 display属性
7.3 浮动概述
7.4 清除浮动
第八章:定位网页元素
8.1 定位在网页中的应用
8.2 position属性
8.3 z-index属性
第九章:利用CSS3制作网页动画
9.1 CSS3变形
9.2 CSS3过渡
9.3 CSS3动画
第一章:HTML5基础
1.1 网页的基本信息
1.1.1DOCTYPE声明
约束HTML文档结构,检验是否符合相关Web标准,同时告诉浏览器,使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。
<! DOCTYPE html>
1.1.2 < meta> 标签
使用 <meta> 标签描述网页的摘要信息,包括文档内容类型、字符编码信息、搜索关键字、网站提供的功能和服务的详细描述等。<meta>标签描述的内容并不现实,其目的是方便浏览器解析或利于搜索引擎搜索,它采用“名称/值”对的方式描述摘要信息。
<meta charset="UTF-8" />
当遇到页面发生乱码时,可以先观察页面中是否有些编码方式的语句,然后使用记事本打开该乱码文件,单机“另存为”按钮,在弹出的“另存为”对话框中修改编码方式,使其与页面中的编码方式一致。
搜索关键字:
<meta name="keywords" content=“2017” />
内容描述信息:
<meta name ="description" content=“今天是2017年9月21日”/>
1,2 网页的基本标签
标题标签 <h1>~<h6>
段落标签:<p> </p>
换行标签:<br/>
水平线标签:<hr/>
字体样式标签:<strong>字体加粗</strong> <em>字体倾斜</em>
特殊符号:
特殊符号 | 字符实体 |
空格 | |
大于号(>) | > |
小于号(<) | < |
引号(") | " |
版权符号() |