一、HTML5相关理论知识
1.什么是H5?
(1)H5是HTML第五个版本
(2)H5是一门技术的总称
2.H5能做什么?
(1)网页开发(2)桌面软件(3)小程序 公众号
(4)小游戏(5)后端相关的(6)APP—混合开发和原生开发
3.一个网页的组成部分有哪些?
(1)用HTML实现页面结构
(2)用CSS实现页面美化
(3)用JavaScript实现页面功能
4.什么是HTML?
HTML就是超文本标记语言
5.HTML的语法是什么?
(1)常规标记也叫双标签
<标记 属性="属性值"> </标记>
*/不能丢失
(2)单标记也叫空标记
<标记 属性="属性值"/>
/可以写可以不写
二、HTML标签
(1)文本标题
<H1></H1>---<H6></H6>
(2)段落
<p></p>
(3)加粗
<b></b>
<strong></strong>---有加粗和强调作用
(4)倾斜
<i></i>
<em></em>---有加粗和强调作用
(5)上标
<sup></sup>
(6)下标
<sub></sub>
(7)下划线
<u></u>
(8)删除线
<del></del>
<s></s>
(9)强制换行
<br></br>
(10)水平线
<hr></hr>
(11)列表
1.无序列表
<ul><li></li></ul>
默认符号是实心圆,如果想要改变,给ul添加属性 type
type="disc"——默认值
type="square"——方形
type="circle"——空心圆
type="none"——清楚符号
2.有序列表
<ol><li></li></ol>
默认的符号是数字1 2 3...想要改变符号样式,给ol添加属性type
type="1"——数字1
type="A"——大写A
type="a"——小写a
type="I"——大写罗马数字
type="i"——小写罗马数字
想要改变开始的位置,给ol添加start="数字"
<ol type="a" start="4"><li></li><ol>
3.自定义列表
<dl>
<dt>相当于标题 提出的问题 什么是HTML?
<dd>
这个区域是内容,回答上面的问题 HTML是超文本标记语言
</dd>
</dt>
</dl>
*在规范上规定dt只能有一个,dd可以有多个
(12)划分区域
<div></div>
(13)文本节点
<span></span>
(14)特殊字符