整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
、新建项目
1、新建===web项目===输入项目名称====完成
二、新建html文件
在新建项目中新建html模板
输入文件名称：
三、认识基本格式
联想出基本格式：
四、编辑html文件
运行html，选择浏览器
五、html常用的快捷键
（1）ctrl+n+w web项目创建
（2）ctrl+n+h html文档创建
（3）ctrl+s 保存html页面（页面上如果未保存会显示*号）
（4）ctrl+r html运行
（5）ctrl+z 撤回
（6）！+tab键 联想基本格式
（7）ctrl+/ 注释和取消注释
（8）ctrl+鼠标滚轮， 字体方大和缩小
六、认识标签
（1）H标签（标题标签）
（2）p标签 （段落标签）
（3）img 标签（图片标签）
两种：第一种widows上传图片，第二种：网上图片链接
第一种
img中显示图片
img中引入图片
第二种：网上图片的链接：
（4） 标签（空格）
（5）em 标签表示斜体
（6）i 标签表示斜体
（7）br 表示换行
（8）b 标签表示加粗
（9） strong 标签表示加粗
（10）s 标签（删除线）
（11）u 标签 （下划线）
（12）font 颜色
（13）sub下标
（14）sup上标
1.基本html结构
2.生成div加类名的快捷键
3.带类名的div
4.带id的div
5.属性【】
6.后代>
7.兄弟+
8.上级^
9.乘法*
10.文本{}
注意：这里输入“！”+回车键前，需要清空原来生成的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html><div class="list">
<div class="item_1"></div>
<div class="item_2"></div>
<div class="item_3"></div>
<div class="item_4"></div>
<div class="item_5"></div>
<div class="item_6"></div>
</div><div class="wrapper"></div><div id="wrapper"></div><span title="test"></span><span title="test"></span><div></div>
<p></p>
<span></span><div><span></span></div>
<i></i><ul>
<li></li>
<li></li>
</ul><div><span>这是文本</span></div>
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
零基础WEB前端入门-创建你的第一个HTML ，作者aming，主页 http://qietu.cn，加入WEB前端千人学习QQ群：308736107
*请认真填写需求信息，我们会在24小时内与您取得联系。
