1.什么是H5？
a. H5是HTML的第五个版本
b.H5是一门技术总称
2.H5能做什么？
a.网页开发
b.小程序，公众号
c.Hybrid App
d.Native App
e.桌面应用开发
f.游戏开发
g.后端开发
3.一个项目的开发流程
a. 产品经理（根据用户需要，制定需求文档）
b.UI设计（产品页面的切图）
c.前端（人机交互界面，连接UI和后端）
d.后端（功能的实现）
f.测试（调试BUG）
4.web三大核心技术
HTML : 框架 (W3C)
CSS : 装饰美化 (W3C)
JavaScript : 行为（ECMA）
5.开发工具：VCcode
文件命名：1.用英文
2.名称全部用小写的英文字母、下划线组合，不得包括汉字、空格和特殊字符
3.命名的时候最好使用语义化比较强的英文
6.HTML常见标签：
a.标签的属性：来修饰标签的，设置当前标签的一些功能
<标签 属性=“值” 属性2=“值2”>
属性：在标签之后； 属性值：跟属性之间用等号连接
b.创建标签的快捷键：单词+tab键-><单词>
c.标题与段落：
<h1>标题（双标签，自动换行，有行高）</h1>...<h6></h6> 从h1到h6依次减小，在一个网页中，h1标题最重要，并且一个html文件中只能出现一次h1标签
<p>段落文本内容</p> 双标签，自动换行，有行高
d.文本修饰标签
<strong></strong> 表示强调，双标签，不能换行，加粗
<b></b> 双标签，不能换行，加粗
<em></em> 表示强调，双标签，不能换行，会对文本进行加粗，倾斜
<i></i> 表示强调，双标签，不能换行，会对文本进行加粗，倾斜
区别：
1.写法和展示效果有区别，一个加粗一个斜体
2.strong的强调性更强,em的强调性稍弱
e.下标 ：<sub></sub>
上标 ：<sup></sup>
f.删除文本 ：<del></del>
插入文本 ：<ins></ins>
注：一般情况下，删除文本都是和插入文本配合使用的
7.初始代码？
每个.html都有初始代码， 要符合html的规范写法。
！+tab键：快速的创建html的初始代码
<!DOCTYPE html> //文档声明 ： 告诉浏览器这是一个html文件,doctype:文件类型。
<html lang="en"> //html文件的最外层标签：包裹着所有html标签代码 lang="en"表示这是一个英文网站 "cn"表示中文网站
<head>
<meta charset="UTF-8"> //元信息：是编写网页中的一些赋值信息 设置编码方式，charset="UTF-8"国际编码统一标准，让网页不出现乱码现象
<title>Document</title> //设置网页的标题
</head>
<body>
显示网页内容的区域
</body>
</html>
8.HTML注释
<!-- 1.写法：注释的内容 -->
1.在浏览器中看不到，只能在代码中看到注释的内容。
2.书写过程中所有内容都要为英文
3.html 超文本标记语言，标记标签组成（<>）
意义：
1.把暂时不用的代码注释起来，方便以后使用。
2.对开发人员进行提示。
快捷添加与删除注释：
1.ctrl+/
2.shift+alt+a
9.HTML语义化
根据网页中内容的结构，选择合适的HTML标签进行编写。
好处：
1.在没有CSS的情况下，页面也能呈现出很好的内容结构。
2，有利于SEO，让搜索引擎爬虫更好的理解网页。
3，方便其他设备解析（如屏幕阅读器、盲人阅读器）
4，便于团队开发与维护。
10.图片标签
img -> 单标签，不能换行，可以设置高度和宽度
src : 引入图片的地址（图片的路径）
alt : 当图片出现问题的时候，可以显示一段友好的提示文字
title : 鼠标悬停时的提示信息
width、height : 图片的大小
border 边框
注意：宽高尽量不要同时设置，同时设置容易失真
相对路径：相对比而言的路径，参照物为html文件：
1.图片和html文件在同一个文件夹下，直接用图片名称即可
2.图片在html下一级或者多级文件时，去除掉html与图片上级文件相同的的部分，然后保留图片的不同路径+图片名称
3.图片在html上一级或者多级文件时，../找到上一级文件
绝对路径：
1.相对于电脑而言：复制图片的地址+图片的名称
2.相对于网络而言
11.链接标签
a -> 双标签 <a></a>
href属性 : 链接的地址
target属性 : 可以改变链接打开的方式，默认情况下，在当前页面打开 _self,新窗口打开_blank
base -> 单标签 ：作用就是改变链接的默认行为的 <base target="_self/_blank">
12.特殊字符
1. & + 字符
2. 解决冲突啊 左右尖括号、添加多个空格的实现
3. <小于号 >大于号 空格符 ©版权 ®注册商标 &和号 ¥人民币 °摄氏度
14.列表标签？
1. 无序列表 -> ul li 符合嵌套的规范
ul和li必须是组合出现的，他们之间不能有其他标签的
<!-- <ul>
<li>内容</li>
</ul> -->
type属性 : 改变前面标记的样式（一般都是用CSS去控制）
2.有序列表 -> ol li 一般用的比较少，可以用无序列表来实现
<ol>
<li>内容</li>
</ol>
3. 定义列表 -> dl dt（被描述的图片或内容） dd(描述性的内容) 列表项需要添加标题和对标题进行描述的内容
<dl>
<dt>被描述的图片或者内容</dt>
<dd>描述性的内容</dd>
</dl>
注：列表之间可以互相嵌套，形成多层级的列表
15. 换行<br> break的缩写 <p></p> 换行
代表一个space键的空格  代表一个中文大小空格  代表半个中午大小的空格
16.分割线：<hr> 单标签，可换行，
属性：width,color（切记不可通过属性设置高度heigh）
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
