整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
1. HTML的代码文件
（1）打开Hbuilder开发工具，新建项目，点击右键新建一个HTML文档。
（2）在文档中写HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>产品列表</title>
</head>
<body>
这是产品页面
<b>好好学习，天天向上</b>
<h1>好好学习，天天向上</h1>
</body>
</html>
温馨提示：
常用的快捷键：
Ctrl+s:保存
ctrl+c:复制
ctrl+x：剪切
ctrl+v：粘贴
2. HTML的基本结构
对于HTML文件的后缀名一般为“html”或“htm”
2.1HTML的标签格式
（1）什么是HTML标签？
HTML标签是有开始标签和结束标签组成
开始标签：是被尖括号包围的元素名。
结束标签：是被尖括号包围的斜杠和元素名
<元素>内容 </元素>
例如：<b>好好学习天天向上</b>
注意：有些HTML标签是没有结束标签的, <hr/>
(2)单标签和双标签
双标签：例如：<b></b>
单标签：<hr/> <br/>
(3) 标签的属性
<font size="1">好好学习</font>
<font size="7">好好学习</font>
<h1 title="h1" style="color: red;">
我是一个标题标签
</h1>
3. HTML基本结构的认识
<!--<!DOCTYPE html>:文档声明，告知浏览器文档使用哪种HTML或XHTML规范，让浏览器通过正确的方式解析我们的网页，让网页能够正确的显示。-->
<!DOCTYPE html>
<!-- <html>标签：是网页的跟标签-->
<html>
<!--head是网页头，一般表示网页中描述信息-->
<head>
<!--
meta：提供网页的相关信息，有利于搜索引擎收录
charset="UTF-8"： 设置网页编码方式为utf-8
name="Keywords" ：设置网页关键字
name="viewport": 设置网页视窗大小
-->
<meta name="Keywords" content="HTML5前端开发工程师入门到精通课程"/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<!-- <title></title>：表示网页的标题 -->
<title></title>
</head>
<body>
<!--
<body></body>：网页的主体内容，用户呈现的内容，比如文字，图片，链接，视频……
-->
</body>
</html>
4. HTML的注释
<!--这里是注释的内容-->
5. HTML的编码问题
常见编码个格式：
UTF-8:国际通用的编码格式
GBK/GB2312:中文编码字符
HTML的编码：<meta charset="UTF-8">
6. HTML规范
（1）html标签都是有尖括号包围的标签，比如<b>
（2）标签通常是成对存在，<b></b>,<h1></h1>
（3）HTML不区分大小写，我们建议小写。
（4）HTML可以嵌套，但是允许交叉嵌套
正确写法：<b> <h1>我很粗</h1> </b>
错误写法：
<b> <h1>我很粗 </b></h1>
庆假期很适合学习点新知识。前几天有粉丝在后台问我关于使用 js 开发后端服务的建议，我给推荐了这一个面向小白的走向全栈开发工程师的教程。
这是一个面向零基础的基于 JavaScript 语言的全栈开发教程，教程基于目前流行的前后端分离开发模式，使用 Vue.js + Node.js 并且通过从实际需求的角度来完成基础的业务代码，没有过多功能封装，几乎都是底层的代码，通俗易懂，上手容易。
教程截图
这套 JavaScript 全栈教程的作者是廖雪峰，是一位有着超过十年软件开发经验的大神，精通 Java / Python / Ruby / Visual Basic / Objective C 等，对开源框架有很深入的研究，著有《Spring 2.0核心技术与最佳实践》一书，是很多后端开发工程师非常熟知的业内大神。
因为针对的是对 javascript 零基础的小白用户，因此这个教程有很大篇幅是 javascript 语言入门。
这是我毫无后端开发经验时学习后端开发的入门的教程，这套教程让我学会了如何使用 javascript 来开发后端 api 接口。而且前面的基础语法教程，也看得津津有味，复习了很多不会用、不常用但很巧妙的代码实现。这是我推荐这个教程的最大原因。
教程截图
这个教程除了适合零基础的小白，我认为这更像一个写给后端开发者的、从其他后端语言转 javascript 的教程，如果像我之前学习的那样没有过后端开发经验，就需要注意几个问题：
入门靠老师，修行靠自己。总的来说，这只是一套非常基础的入门教程，学完后能够了解前端开发和后端开发，可以实现简单的 demo，可以帮助我们学习 koa / egg.js 这类基于 Node.js 的后端开发框架，但后端开发需要学习的知识很多，数据库设计、查询优化、架构设计等等，成为一个合格的全栈工程师，路还有很远。
这是一个完全免费的 JavaScript 全栈入门教程，就算完全不懂 js 也能快速入门，在线免费学习。如果想学 js 语法，也可以看看之前推荐过的阮一峰写的免费 javascript 系统学习入门教程。
最后祝各位有所收获，迈进全栈开发工程师行列。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点击查看本次分享的网址。
JavaScript 全栈开发入门 - 由廖雪峰提供的面向小白的免费在线教程｜那些免费的砖
例演示视频点击进入：《2小时学会完美建站教程》
*请认真填写需求信息，我们会在24小时内与您取得联系。
