整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
多朋友想学一下网页制作，上网一看，只要涉及到网页制作，都离不开HTML这个词语，HTML是HyperText Markup Language的简称，想学习HTML语言，先得了解一些基本知识，今天这边内容可以作为学习HTML的菜鸟教程第一课。
HTML是什么？
一般我们说HTML是指超文本标记语言，英文名称为HyperText Markup Language，简称HTML，它是目前互联网上应用最广泛的语言。
如何查看HTML？
拿最常见的网页为例，如果用大家熟悉的IE浏览器的话，直接在网页上点右键，选择“查看源”即可查看当前网页的HTML源码；如果是其他浏览器的话，多数情况下点击右键，选择“查看源码”或者类似“查看网页源代码”这样的选项即可查看。
当然也可以通过专业的网页制作软件以及各种文本编辑器来查看。
HTML有什么用？
HTML语言可以方便地将网络上存储于不同位置的文字、图片、声音、视频等内容组织起来，方便用户浏览。对于我们来说，HTML是学习网页制作的基本功，熟练掌握HTML这项基本功，可以为以后的学习和工作打下良好的基础。
HTML如何入门？
要学习任何编程语言，都不好好高骛远，HTML的入门很简单，但是也要遵循学习的基本步骤，选择一本入门书籍，循序渐进地去学习每一张的内容。一边学习，一边查看网页代码对照来学，提升入门速度。
HTML案例
下面就是最基本的HTML案例，在这个案例中，用的是HTML5，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>如何编辑HTML?
这个就很多了 ，比如最出名的Dreamweaver，当然如果熟练之后，可以选择任意自己喜欢的编辑器，一些小的改动或者一小段代码的话，也可以用各种常见的文本编辑器来处理，比如我们在wodows系统上常见的记事本，总之只要自己觉得方便就好。
总结
以上是学习HTML菜鸟教程的第一课，首先保持一个良好的心态来学习，有好的心态，知识方面只要循序渐进，学会就是水到渠成的事情了 。
情介绍
二、网站描述
网站介绍
四、网站演示
TML结构代码
如何让学习不再盲目
七、更多干货
题目
HTML静态网页设计作业使用dreamweaver制作，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度，主体内容区域宽度
一套优质的网页设计应该包含 (具体可根据个人要求而定)
页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
所有页面相互超链接，可到三级页面，有5-10个页面组成。
页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
菜单美观、醒目，二级菜单可正常弹出与跳转。
要有JS特效，如定时切换和手动切换图片轮播。
页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
页面清爽、美观、大方，不雷同。。
不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。
网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。
网站文件方面：网站系统文件种类包含：网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；
网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。
其中：
（1）html文件包含：其中index.html是首页、其他html为二级页面；
第一、带着目标去学习，无论看书报课还是各种线下活动。
首先要明确自己的学习目标是什么，是想解决什么问题，实现怎样的目标。
第二、学习要建立个人知识体系
知识是学不完的，书籍是浩如烟海的。我们尽情徜徉其中的时候，千万不要被海水淹死，没有自我了。在学习过程中，我们会发现每一个知识点都是有她的边界和背景的，我们要善于归纳整理知识
第三、学到了就要用到
有时，我们一天下来感觉学到了很多干货，那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事，但只有会学习的人，才有价值。
下来的任务是完成下面页面制作：
旅游新闻页面
和上一次一样，建立一个空白文档，并输入基础代码，这里不再赘述。
修改标题为“旅游新闻”
在上方效果图可以看到“俄媒盘点三大性价较高的度假胜地”这一段话又大又粗，要达到这样效果需要学习一个新标签：
<h1></h1>
在<body></body>里面写入：
<h1>俄媒盘点三大性价较高的度假胜地</h1>
保存打开浏览器一看：
wow！这字可比前面学的<p>标签大多了，这是因为<h1>标签可以定义标题！
常言道：看书先看皮，看报先看题，标题可以使读者了解到文章的主要内容和主旨。
不过……标题好像太大了？没关系，因为除了<h1>还有<h2><h3><h4><h5><h6>，这六个从大到小，任你选择。
<h1>-<h6>和<p>
总结：
<h1> - <h6> 标签可定义标题。因此标题请用<h1>-<h6>标签。<h1> 定义最大的标题。<h6> 定义最小的标题。
在大标题下面还有一行小字，别漏掉了
当我们输入：
<p>2020-08-20 00:02:38 来源：环球时报</p>
发现字号比效果图大，而且颜色也不对。那么试试看在<p>标签里面加入<font>标签，并设置属性：
<p><font size="2" color="#545454">2020-08-20 00:02:38 来源：环球时报</font></p>
是不是感觉变得一模一样了！
这是因为<font>标签规定文本的字体、字体尺寸、字体颜色。
size：设置字体尺寸，取值有1~7。
color：设置字体颜色，该属性可以有3个值：
仔细看上面图片，在第二个<p>标签后面有这么一句话：“<!--当两位代码相同时，可以简写为#f00-->”，但是这句话没有出现在浏览器中。
这个 <!----> 叫做注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。例如：<!--这是注释，不会出现在浏览器-->
总结：
<font>标签用于改变字。请善于使用注释，<!---->
未完待续
*请认真填写需求信息，我们会在24小时内与您取得联系。
