前端基础到进阶（1）：HTML基础入门
今天要分享的内容是HTML的基础，但是我觉得有必要先聊一聊我们学习的这个东西是什么？软件是什么意思？
what is 软件？
软件是与计算机系统操作有关的程序、规程、规则及任何与之有关的文档及数据的完整集合。
一：软件分为两大类：
B/S软件
C/S软件
其中呢，B/S代表的就是Web(浏览器端)/Server（服务端）；C(客户端)/S(服务器端)代表的就是Client/Server
二：软件的Lamp和Wamp环境
主要区别就是：Lamp是在linux环境，wamp是windows环境
Lamp：linux+apache+mysql+php的缩写
wamp：windows+apache+mysql+php的缩写
为什么学习HTML？学了能做些什么？
HTML：超文本标记语言(Hyper Test Markup Language)的缩写，HTML不是一种编程语言，而是一种标记语言，描述网页的语言。
HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。
那么我们掌握了它可以做一些什么呢？例如我们看到的官方企业站/微信小程序/微信公众号都是实际都是HTML编写的。
HTML的构成
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="gb2312" />
<title>标题</title>
</head>
<body></body>
</html>
注释：
1.<title>，是网页标题
2.标题<head>标题<title>
3.<meta charset="UTF-8">----修改编码格式，防止乱码
4.标题之后，是内容。 <body>是文档内容.
开发环境及其开发工具
开发环境：windows linux Mac OSX
开发工具：
DreamweaverEclipseFrontPage WebStorm...
WebStorm优点：智能的代码补全、代码提示、自动保存。
（Dreamweaver最早我开发就是用的这个，中文名字叫做梦想编织)
HTML基本标签
<h1>~~<h6> 标题的大小字号-h1大号字 <h1>静夜思</h1>
<p></p > 段落标签，换段 <p>床前明<br/>疑是</p >
<br/> 换行标签，但是换行 <p>床前明<br/>疑是</p >
<hr/> 水平线标签 <hr/>
<em>...</em> 斜体 <em>举头望明月</em>
<strong>...</stong> 字体加粗 <strong>低头思故乡</stong>
<br/> 和 <hr/>---单标记，只有一个就有作用。
路径
路径(统一资源定位符),在编程中路径分为两种，一种叫相对路径 一种叫绝对路径
c:\1\2\3\4.txt
c:\1\2\3\5.txt
相对路径:5.txt
绝对路径: c:\1\2\3\5.txt
可以理解为绝对路径是全路径。
up是一个从事前端开发6年的程序员，在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!
