整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
今天我们一起来了解下HTML，
首先HTmL包含三层结构，分别是结构层，表现层，行为层。
结构层：html => 网页上有什么，比如说文字啊、按钮啊、图片啊等等。
表现层：css => 显示成什么样子，比如说文字的大小啊，位置啊，颜色啊等等。
行为层：JavaScript => 具体怎么操作，比如说点击按钮让图片放大缩小等等。
===============================
在了解了html的三层结构之后，我们来学习如何写html。html不是编程语言，它是一套标签。最简单的html文本是下图1这个样子。我们可以在电脑桌面上新建一个记事本文件，然后把后缀名改一下（.txt=>.html），把这段标签代码粘贴到html文件里，这样一个空白的网页就做成了。如果需要在网页上添加内容，我们只需要在第10行的位置添加各种各样的标签即可。比如我在图二添加了一个按钮标签和一段文字标签，双击html文件，页面上就从左到右，从上到下显示对应的内容。是不是很简单。我们日常浏览的网页都是这样一个标签一个标签画上去的。
我给大家总结了一张图，基本上覆盖了工作中常用的知识点。同时分享几个小技巧。
1.最简单的网页写成什么样子，也就是html模板不需要记忆，下图也说了，去百度下载一个VSCode软件（类似于记事本，是现在主流的前端代码编辑器），用它打开我们的html文件，输入英文叹号回车就自动生成了，学编程不要死记硬背。
2.控件的标签不需要记忆，直接百度html XXX标签，例如：百度搜“html按钮标签”，他就会告诉我们是<button>，用的时间长了自然就记住了。是不是省力。
3.标签的属性很重要，可以不去记他的写法，因为写可以百度，重要的是你需要记住标签有什么属性，下图的属性记住足矣。为什么要记呢，因为工作中，有的时候会遇到这样一种情况，明明设置一个属性可以完成的功能，我们不知道，花费了大力气用css和js去实现，结果还存在着特定场合的bug，让人很无奈。
4.对于html还有两个标签<canvas>和<svg>，他们是用来绘图的，做特殊效果的。我们可以先跳过，等框架啥的都学完了，有兴趣，学习一下。
5.给大家推荐一个小白学习html的网站，w3cschool，图里不明白的可以去上边学学练练。
6.如果觉得一个人学习前端有难度，我建了一个小白前端学习交流群，可以私聊我，大家在群里多多交流，我会经常给大家答疑，组织大家练习，一起做小项目。有方向，少走弯路。
HP是世界上最好的语言，这是一个老梗。
有不少学习PHP的程序员后来去做了前端开发，毕竟近些年前端开发还是蛮吃香的。
学习PHP不仅仅要学习html，而且还要学习CSS。
CSS是万维网联盟在 HTML 4.0 之外提出，目的是为了让CSS完成样式与内容的分离。
那么，CSS如何入门呢?w3cschool在这里分享几个方法：
w3cschool官方本身就有CSS教程，我们看教程的目的主要还是要了解CSS到底是干什么用的。
其实，用一句简单的话来说，改变我们看的网页的样子.。
w3cschool新开发了CSS微课，这可能是很多程序员小伙伴所需要的。
CSS直接抓住了CSS教程中比较核心的一些概念和语法，并且有实战的训练习题。
其内容包括了CSS基础、CSS文本样式、CSS属性、CSS定位和布局，让你系统、立体地全面认识CSS。
CSS微课实现了游戏化的编程体验，关卡是循序渐进的，这迫使你不能跳跃而忽略一些重要的编程知识。
其中，习题类型包含了判断题、选择题、实战训练题。
理论离不开实战，CSS微课做到了例子多，概括技术全面。
当你可以通关的时候，你已经对CSS算是有一个比较深刻的认识，也掌握了一定的CSS编程技能。
学编程一定要让编程本身变得有趣，所以大可以先玩编程。
用CSS微课学习是一种有趣化的方法。
另外，阅读《css禅意花园》，就当成一本故事书看，随便翻翻你会发现css确实很好玩的。
TML - 超文本标记语言 (Hyper Text Markup Language)
HTML是建设网站/网页制作主要语言。
HTML是一种易于学习的标记语言。
HTML使用像 <p> 尖括号内标记标签来定义网页的内容：
HTML 实例
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
点击 "尝试一下" 按钮查看实例。
HTML使用开始标记和结束标记来标记一个网页元素，：在上面的例子，<p>标签标志着一个段落开始，</p>标志着该段末尾。
通过使用简单的HTML标签，网页设计师可以为一个网页（HTML文档）添加标题，段落，文字，表格，图片，列表，编程代码等。
Web浏览器（IE浏览器，火狐，Chrome等）读取HTML文档，解释HTML标记，并显示正确用户可读的内容（不显示HTML标签）：
根据HTML标准，HTML可用于定义网页的内容。/p>
要定义视觉样式（颜色，大小，外观，布局等），应使用CSS（层叠样式表）（见下一章）。
*请认真填写需求信息，我们会在24小时内与您取得联系。
