整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
天我亲手创建了一个网页。首先，打开一个文本文档并将其重命名为“myweb”。然后，在文件中添加以下内容：<html> <head> <title>My First Webpage</title> </head> <body> <h1>My First Webpage</h1> </body> </html>
这样，你就成功地创建了一个静态网页，地址为本地。右键点击文件，选择“打开方式”，选择“记事本”，然后在文件中添加以下代码：<h1>Dog typehtml</h1>
这是一个HTML5的标签，它包含了HTML声明和标签的功能。网页的主体部分只有一个标签，即HTML标签，它是一个双标签，包含一个开始标签和一个结束标签，内部包含一个标题和网页内容。在网页的主体部分中，可以设置样式、参数、标题等。
网页的主体部分是由HTML标签包裹的，这是一个双标签，包括开始标签和结束标签。大美丽的网页，保存并刷新。大美丽网页的开头部分已经添加完成，网页的主体部分位于标题下方，即文章下方的部分，都是网页的主体部分。我的第一个网页就这样完成了，非常有趣。保存并刷新网页。我的第一个网页只是一个简单的静态网页，如果需要添加更多功能，可以使用网页开发工具进行操作。
在网页中添加一个生日祝福的内容。在王翰的文章中添加一个标题，标题为“生日祝福”。这也是一个双标签，包括开始标签和结束标签。保存并刷新网页。
在大美丽网页中添加一个图片。这是一个单标签，只有一个标签，没有结束标签。在百度中搜索一张图片，并将其地址复制下来。使用快捷键Ctrl + C，然后使用快捷键Ctrl + V将图片添加到网页中。保存并刷新网页，你会看到图片已经显示在网页中。
在网页中添加一段文字和图片，使它们位于同一行。使用行内标签“span”，使文字不会换行。保存并刷新网页。
这就是我今天做的第一个网页，非常简单。通过创建一个文本文档并添加一些简单的内容，就可以创建一个简单的静态网页。使用记事本打开文件会自动显示代码提示，按一个Tap缩进一行，就可以添加更多的标签和内容。行内标签可以嵌套在块标签中，但块标签不能嵌套在行内标签中。
使用color属性将其设置为蓝色，保存并刷新页面，即可获得相应的代码提示。只需输入color，即可获得相应的提示，而无需输入c。这样的代码更加易读。今天的任务已经完成，可以回顾一下今天的重点。了解了h天猫无网页的特性，只能包含一个h天命标签，且只能包含一个焊的body。
还学习了双标签和单标签的概念。双标签是指有头有尾的标签，如html hand。单标签则只有一个标签，例如一妹子。此外，还了解了行内标签和块标签的区别。请自行查看相关内容。为标签定义样式时，可以使用style属性。然后在其中添加颜色、字体等样式信息即可。对于图片标签，请注意使用其 src 属性来指定图片路径。今天的学习就到这里了，再见。
多学员在学习的过程中都遇到过这样的问题：为什么老师讲的我都能听懂，然而做起来却总是诸多问题？千锋重庆校区老师告诉你，其实这是正常现象，谁也不能几天就成为大师，你的实践还太少了！练习多了，经验多了，静态网页自然也就手到擒来。
静态的网页其实就是由两部分组成，一个是底层结构HTML，另外一个就是负责修饰结构的CSS。其实书写静态网页就像小时候过家家，首先得把需要的家庭成员找齐了，即首先考虑要做一个什么样的网站，例如一个综合类网站包括：搜索框、导航、文章类别模块、文章标题以及一部分广告板块；一个博客主页包括：导航、文章缩略、文章搜索、文章导航以及没有显示但可能会有的评论区。
写页面的时候是有剧本的，这个剧本指网页设计图，或者某个现有网页，建议大家在模仿网上现有网页的时候利用浏览器自带的截图功能，把整个完整的页面截取下来，QQ浏览器，360浏览器都可以做到。这样的优点在于可以利用PS自己一步步测量数据、切图都做到亲力亲为，并且做到了页面数据的精准度，而不是随意的给数据，或者是利用浏览器的F12功能查看原网页的数据。
按照设计好的剧本接着就可以找对应的成员了，例如百度网页从上往下分为导航头部、中间logo和表单、尾部二维码和文字，相对来说页面的整体布局是比较简单的，当然还有很多不同类型的页面，布局要复杂一些。
当看到一个网页时，需要在脑海当中对页面进行一个简单的扫描，如果把页面当成一张纸，要怎么样从大到小一点点分割。当有了初步的认识之后，就可以把这些东西转化成HTML结构，所有不同颜色的框框在写的时候用的都是DIV。
从上往下，从大到小一点点先把某个模块以不同的颜色色块利用代码堆积出来。保证大的模块布局没问题之后，在往里面放一些小的东西，比如图片img、表单form input、文字、超链接a、列表ul li，这时候简单的页面结构就出来了。
接下来要把写好的结构进行美化，不然页面就会一团乱麻，没有美感，而网页当中润色部分是用CSS来做的。这个环节需要更加细心，例如百度首页导航红色框整体在绿色框的右边，需要给红色框添加float：right；红色框里面文字的字号大小，字体，字体颜色，水平间距，垂直间距都需要一点点写。如果在写的过程中遇见了问题，可以借助Chrome浏览器的调试功能，哪里错了用箭头点哪里，结构看左边，CSS看右边，看看CSS属性有没有显示，有没有划掉，有没有黄色报错等等。
在做页面时，需要大量的练习，才可以熟能生巧。一个页面写完之后，总结一下这个页面在书写过程中遇到了哪些问题，是怎么解决的，为什么这样解决，深入思考这个模块的这个效果可不可以用其他的方法来实现，以做到举一反三。
千锋重庆HTML5大前端培训，配合实战项目讲解网站页面布局，让你从容应对HTML、CSS的学习，基础打好了，才能更有信心面对之后的挑战。
提条件：
电脑有至少一个浏览器
1.创建txt文件
右键桌面空白处选择新建txt文件
2.在搜索引擎中搜索HTML入门
将图中的模板文件内容复制到TXT文件中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>hello world!</p>
</body>
</html>
3.将文件后缀“txt”改为“html”使用浏览器打开（如果有浏览器那么直接双击打开即可）
4.第一个简单的HTML网页就成功了
5.以下是简单的一些网页标签元素
*请认真填写需求信息，我们会在24小时内与您取得联系。
