网页的源代码称为HTML代码。 可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“心急吃不了热豆腐”。
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
由于所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站。
学生html静态页面该如何做？(很容易哦)
对于刚开始学习网页开发的童鞋们来说，掌握了比较简单的HTML语言基础后，会迫不及待地想着手制作自己的第一个网页，然而DW等软件的安装却不尽人意。今天小编为饱受心灵摧残的童鞋们带来了福音，为大家讲解一下如何不用安装软件也能轻松建立一个HTML文件。
（下图是成品）向左转|向右转工具/原料一台电脑方法/步骤向左转|向右转向左转|向右转向左转|向右转首先，在电脑桌面新建一个记事本文件，然后打开。
向左转|向右转接着，在里面输入HTML语言，记得开头第一行要加上<!DOCTYPE HTML>,缩进以一个“tab键”为标准，加上<html></html><head></head>这些基本标签，在里面输入内容即可。向左转|向右转向左转|向右转输入完成后，点击左上角的“文件”“另存为”，在“保存类型”中选择“所有文件”。向左转|向右转向左转|向右转然后将文件名更改成“XXXX.html”的格式，选择好保存的地址，点击保存。接着就生成了我们开始看到的文件。
（在这里小编要说一下，之所以文件会有“360浏览器”的标志是因为小编已经默认用该浏览器打开此类文件了，这并非是固定的，可根据个人喜好设置）向左转|向右转打开文件后，一个最简单的网页就出现了，有标签还有内容。向左转|向右转最后，小编跟大家说一下，这个HTML文件是可以持续性更改的。先选中文件，然后右键，在“打开方式”里选择“记事本”。
向左转|向右转向左转|向右转向左转|向右转打开记事本之后，你就可以在里面进行编辑了。修改完成之后直接点击“文件” “保存“ 就行了。最后打开文件，你会发现网页内容已经更改了。
实在不行，中国不是有某宝吗，我以前也是被搞的焦头烂额，只能找被人帮忙咯，唉，没办法。
怎样用HTML制作个人介绍网页？
你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。
你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。
在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。
html制作个人简历网页代码
以下是我用html的相关知识制作的个人简历网页，话不多说先看看最终效果：如上所示项目一共分为5个部分，分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图，作品展示用的是bootstrap里的轮播图，除此之外就是html的基础内容。
下面我们展示一下项目的代码部分：<!DOCTYPE html><html><head><meta charset="utf-8"><title>我的个人简历</title><link rel="stylesheet" href="lib/css/color.css"><link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script><script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script><script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script></head><body ><div class="jumbotron text-center" style="margin-bottom:0" id="grad1"><img src="lib/pic/1.jpg" width="80px" height="80px" /><h3>黄智奇</h3><p style="font-size: 15px;">2018年升入陕西国防工业职业技术学院，<br/>学习软件编程，对编程有浓厚的兴趣，在老师的指导，<br/>和自己的课下练习，渐渐对编程有了更深入的了解。
<br/>在课余时间，我喜欢唱歌、跑步和打乒乓球。<br/>喜好结交志同道合的朋友，一起分享学习的生活的经验。<br/>有良好的团队意识，学习时认真负责。 </p></div><nav class="navbar navbar-inverse"><div class="container-fluid"><div class="navbar-header"><button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><!--<a class="navbar-brand" href="#">专业技能</a>--></div><div id="relation"><table class="table table-striped"><tbody><tr align="center"><td><a href="#email"><button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-envelope"></span></button></a></td><td> <a href="#email"><button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-earphone"></span></button></a></td><td><a href="https://me.csdn.net/qq_44892582" target="_blank"><button type="button" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-user"></span></button></a></td></tr></tbody></table></div><div class="collapse navbar-collapse" id="myNavbar"><ul class="nav nav-pills nav-justified"><li><a href="#main">专业技能</a></li><li><a href="#project">项目经验</a></li><li><a href="#myCarousel">作品展示</a></li><li><a href="#education">教育经历</a></li><li><a href="#relation">联系方式</a></li></ul></div></div></nav><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="width:50%;height:400px;left: 25%;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据var option = {title: {text: '专业技能平均分'},tooltip: {},legend: {data:['分数'],},xAxis: {data: ["Java语言","mysql数据库","Javascript语言","web开发","ssm框架","springboot框架"],axisLabel: {// inside: true, 隐藏x轴内容// 改变x轴字体颜色// textStyle: {// color: '#8B4500'// }},},yAxis: {},series: [{name: '分数',type: 'bar',//改变图表颜色color:['#8EE5EE'],data: [85, 95, 82, 90, 80, 80]}],};// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);</script><ul class="list-unstyled" align="center"><li>Java基础:<br/>我入门时首先学的就是Java基础，然后再到Java高级开发，<br/>在学习过程中老师细致的教学为我们打下了牢固的java基础。 </li><li>mysql数据库:<br/>mysql数据库是我们大一第二学期开的课，配合Java高级开发一起学习的科目，<br/>因为自己本身就喜欢数据库的一些东西，所有mysql数据库也有良好的基础。</li><li>Javascript语言：<br/>在学JavaScript之前我有良好的html5和css基础，所学习JavaScript时也是十分顺利的掌握了课本里的内容。
</li><li>web开发:<br/>web开发是我最喜爱的科目之一，servlet的学习给我启发深刻。</li><li>ssm框架:<br/>ssm框架相比springboot而言是比较繁琐的，但是在学习和理解起来却比springboot更容易让人掌握。</li><li>springboot框架:<br/>springboot框架入门起来十分迅速，在基础的使用起来也是十分方便，但查看源码时，没有ssm容易让人理解。
</li></ul><div class="container" align="center"><div class="row"><div class="col-sm-4"><h3 class="text-info" id="project">项目名称</h3><ul class="nav nav-pills nav-stacked"><li class="active"><a href="#car">新能源汽车项目</a></li><li><a href="#city">咕泡商城项目</a></li><li><a href="#bug">爬虫项目</a></li></ul><hr class="hidden-sm hidden-md hidden-lg"></div><div class="col-sm-8" align="left"><h3 class="text-info">项目内容</h3><h2 id="car">新能源汽车</h2><h5>企业saas工坊</h5><p>新能源汽车项目是我们掌握smm框架知识后第一个实战项目，该项目由工坊老师指导下，前后端都由我们个人独立完成的项目。该项目用到了，html5+css3，mysql数据库，spring，mybatis，springmvc框架，ajax，JavaScript，web，bootstrap，echarts，sweetalert等技术。项目从开始到完成我们用了2个月的时间。
该项目的主要是写一个汽车app社交平台，包括用户登录注册，用户上传车辆信息，统计用户车辆，分析故障车辆原因，以及导航、朋友圈等功能一体的汽车平台。该项目用户的使用方法如下： <p>1.新用户进行登录注册。</p><p>2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。</p><p>3.新用户上传自己车辆信息，并绑定账号。
</p><p>4.新用户可以上传自己车辆故障，系统自动查询车辆故障原因以及维修方案。</p><p>5.用户可以添加车友，在车友圈发布求助信息等。</p><p>6.用户还可以进行地图导航，以及查询公交车，出租车，飞机等交通工具的时间和行程。</p><p> 通过完成这个项目，让我获得了很大的进步。
不论是前端知识还是后端知识，在该项目上都得到了充分的展示。让我也一下子吸收了很多的知识与技能，为后面的项目打下了坚实的基础。</p></p><br><h2 id="city">咕泡商城</h2><h5>企业saas工坊</h5><p>咕泡商城项目是我们学完springboot之后的实战项目，该项目由工坊老师指导下，前后端都由我们个人独立完成的项目。该项目用到了，html5+css3,mysql数据库,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技术。
项目从开始到完成我们用了10天的时间。该项目主要是写一个网上商城电商购物平台，包括用户登录注册，用户绑定信息，上传头像、昵称等个人信息，用户主要可以在该平台上面购买各种商品，每种商品都做好了分类管理，用户点击分类名称或者准确搜索都能显示出自己想要的商品。用户点击商品就可以链接到商品详情页面，不论是购物还是浏览商品都非常的方便。
该项目用户的使用方法： <p>1.新用户进行登录注册。</p><p>2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。</p><p> 3.用户自由购买和浏览商品信息。
</p>该项目让我们体验了springboot的配置强大之处，没有繁琐的多余配置文件，所有配置都由一个配置文件解决，简化了我们smm框架配置的痛苦。 </p><br><h2 id="bug">爬虫</h2><h5>企业saas工坊</h5><p>爬虫项目是我们最近才做完的项目。该项目与以往项目不同，该项目是由工坊老师指导下，我们首次前后端分离合作的项目。一个团体3个人，分别做前端展示数据，后端爬取数据和数据清洗。
我在这个项目中做的是后端爬取数据。我用到了，httpclient，jsoup，webmagic，springboot，maven，mysql等技术。该项目主要是爬去51job网站上面的工作岗位，我们主要爬取了与我们软件相关的工作岗位，共爬取了2万条数据处理并展示。
该项目执行步骤如下： <p>1.后端爬取数据并存到数据库。</p><p>2.中间清洗数据，将数据改变为前端人员需要的格式。</p><p>3.前端人员根据需求展示数据。</p>该项目让我们体会到了团队合作和团队分工明确的重要性，每个人做好属于自己的一份任务，环环相扣才能保质保量的完成项目。
如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。
注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。3、然后输入最简单的HTML文本语言。代码如下：<html><body>最简单的网页</body></html>4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
标签：
留言评论