前台基础到进阶（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 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前台技术!
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 前台基础到进阶（1）：HTML基础入门
