html网页制作教程

html是编程语言之一。下面，我们来看看html网页制作教程吧。

01

新建记事本

在桌面上，新建一张记事本，如下图所示：

02

编写代码

打开记事本，编写代码，如下图所示：

03

修改后缀名

把记事本修改后缀名为.html，如下图所示：

04

网页

在桌面上就会有一张网页，如下图所示：

05

运行网页

最后在浏览器上运行该网页，如下图所示：

网页制作教程如下

(1) HTML：超文本编辑语言hyper text markup language(编写网页)

文本：用来描述数据，特别单调，只能输文字，不能变彩色，不能插入图片。超文本：丰富多彩的的展示文件

(2)www 【w(world)w(wide)w(web)万维网，因特网】

含义：建立在Internet上面的，全球的，交互的，多平台的，分布式的信息资源网络多平台的： *** 作系统 【window linux(Android) unix(iOS)】交互的：阅读、发表【CSDN】分布式的：有多台服务器为网络进行服务。

(3)万维网的组成：URL 【Uniform Resource Locator(统一资源定位符)网站】

HTTP【hypertext transfer protocal超文本传输语言】

(4)W3C 【HTML的标准制定者和维护者】

二、标签：【以尖括号开始，尖括号之间描述信息，就叫标签】列子： 对 错 对，分类：开始标签 结束标签

三、HTML文档结构

人=头(head)+身体(body）头>身体>人

四、记事本开发网页步骤

(1)新建文件.txt

(2)更改后缀【.hmtl】或【.htm】------[选中文件，点击f2--快捷方式]

(3)后缀名作用：告诉Windows系统，用什么样的程序打开文件。

(4)源代码：记事本打开 执行结果：网页打开

五、HTML注意事项

(1)标签成对出现。

(2)标签具有嵌套型

(3)排版问题：子标签的父标签之间应该有8个空格：一个tab键

(4)html不区分大小写，最好全部用小写

(5)标签有属性

tips:注意事项a：h1 align 中间要有空格；b：属性名：align 属性列：center 属性列要加"",之间要加 =

(6)注释

(7)换行和空格不管用【如何换行】

六、网页的基本标签

(1)头部标签：

(2)text 设定文字颜色

[或者使用颜色代码]：使用#和十六进制数据组成

(3)【背景颜色】：bgcolor 【背景图片】：

(4)文字标记：hello world

(5)hfbasbhgdshbfshp标签前后自动换行 且有align 三个属性【left center right】

(6)标题-------可以一直到6，并且自动换行也有align属性【left center right】

(7)空格： 版权符号

(8)文字修饰标记：加粗 加斜体 加下划线 删除线

(9)支持的图片：常用.jpg .gif .png

(10)如何引入图片 单个标签

(11)超级链接【从一个网络跳到另外一个网页】： 【非常重要的属性 href 要链接到的地址】

问题一：怎么创建一个网页？ 新建一个文本（后缀为txt的）文件

打开，输入

my fir阀t html page

hello! First page

保存后关闭，将这个文本文件的后缀修改为html

然后用IE打开，试试，就这么简单

问题二：怎么建立一个简单的网站 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。建议你要具备的条件：对电脑熟练 *** 作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学亥，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

祝你好运！！

问题三：一个人如何去制作一个简单的网站 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。

建议你要具备的条件：对电脑熟练 *** 作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的.

第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。

第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。

第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。

怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。

二

一、工具

1、空间

网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。

2、软件

推荐使用Dreamweaver8.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。

二、教程

花点时间，找个比较通俗易懂的教程看一看是很有必要的。每个网页的组成，不外是文字、表格、图、动画还有就是背景音乐等几个大的元素，搞清楚如何将这些元素摆放进去，你也就算懂得如何制作网页了。

三、制作

开始时建议去下载一个比较简单的网页，在制作软件中将它打开，然后仔细观察人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很多，记得也牢一些。

其实做网页并不难，但要做出有特色的网页来，那就非一朝一夕之功了。

一点个人的粗浅体会，不妥之处敬请指正。

三

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，......>>

问题四：如何用HTML创建一个简单网页 构成html页面的基础代码

body是正文部分，可以放网页中你想放的东西，例如新闻，导航即为网页的内容，

在head标签内加上 设置编码，防止网页乱码，这块的知识你要不是很熟，可以参考下php中文网，建议不要使用dw，这个是很方便，但是用编译器会比较好点，例如sublime text3 ,希望对你有帮助，谢谢！

问题五：如何在网上建立一个属于自己的网页呢? 怎样制作个人网页 如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页？有了自己的主页，全世界的人都可以 随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方 法： 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你 就先起一个总目录（文件夹,比如d:\html）,来放你的所有文件，然后再在这个目录建立三个子目录： myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy 进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的 目录下. 要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们 太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应 的目录里后,你就可以开始制作了。 二、开始制作 你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file 菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关 于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击 Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself文件，放 在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我 的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键 ，再选 create link，然后再选你myself目录下的myself，就将“自我介绍”链接到下一页了，以后在浏览器中一 按，就可以跳到镶有你靓照的页面啦。 在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index(有的主机要求必须为 index),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来 主义，在网上看到什么好的主页，用另存为功能保存为格式的文件，细细研究人家是如何做的。还可以借 用网页模版来搞，我的就是~~~~~~ 三、将你制作好的安放在网上 要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主 机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器 等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文 件上传至主机指定的目录就可以了！ 需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传 上去了可是看不到,老是出现网页错误呢？其实他们都是因为位置的问题，只要把位置改动一下就可以的了

问题六："如何用最简单方法建设一个个人网站 ①、找域名提供商（国内最大域名注册商万网，世界最大GD）购买域名

②、购买空间（这里不提供购买空间商，以免有广告之嫌）

③、空间绑定域名。

④、通过FTP空间后台上传网站源码程序即可。

⑤、最后就是网站前台、后台的管理了。

1.现在做个人网站已经不需要像以前那样自己敲代码了。很多朋友都走入了这个误区，以为做网站要会什么网站三剑客。完全不需要。

2.个人网站必备的3件东西。

a.网站空间

b.网站域名

c.网站程序

这三样东西是必不可少的。

网站空间现在一般分为 虚拟主机，VPS，独立服务器。新手的话不需要了解VPS和独立服务器，因为你们暂时用不上。

网站空间一般按照线路来区分 分为 国内空间，香港空间，海外空间。而海外空间大多以美国空间为主。

使用国内的空间需要备案，备案时间大多为一个月。至于为什么网站要备案，这里不进行阐述，可以百度之。

大部分的个人网站都不会进行备案， 原因大多如下。

1.备案太麻烦。要拍照，要邮寄，还要一个月左右的时间。

2.因相关政策法规，该条未予显示。

所以，绝大部分个人网站都是使用香港空间和海外空间。香港空间和海外空间区别不大。主要区别在于。

1.香港空间带宽贵。

2.对于大陆访客，香港空间的速度要比海外空间的速度略快。

3.海外空间一定要遵守该国的政策法规。对版权保护极为严格。

网站空间选择有很多，选择的原则是

1.千万别选名头最响的主机商。

2.千万别选成立不到一年主机商。

3.价格位于黄金分割点的公司往往是最令人满意的主机商。

个人比较推荐HostRing弦主机。网址是Hostring

接下来是网站域名。

虽然我也是域名商，但是，注册域名有且仅有一个最佳选择。

那就是 全球最大的域名注册商Godaddy

在域名注册这一块，请不要考虑其他注册商。

最后是网站程序。

个人网站毫无疑问Wordpress会是最佳选择。说简单，它是世界上最傻瓜的程序。说复杂，它可以让你在用一两年后都不敢说自己精通。

Wordpress的安装和使用，百度一下一大把。

百度经验里面有一篇文章：怎么搭建一个Wordpress独立博客

搜索一下就能找到了。按照教程 *** 作大概半个小时能做好自己的个人网站吧。

我不是科班出身，走上互联网这条路全是兴趣和自学，本世纪最伟大的事情莫过于有了互联网，人生中最优秀的老师莫过于 百度和谷歌。。几乎任何你在学习过程中遇到的问题都可以搜索到。期待楼主第一个网站的诞生。。到时候务必给大家分享一下。

问题七：怎样做一个简易的网页？ 做一个简易的普通网页比较容易。当然，制作的方法有好几种，有的是直接写代码、有的是用绘图软件绘制页面再导出网页、常用的是使用网页制作软件做网页。下面以普通静态网页常规制作方法为例说明制作步骤：

1、如果会写代码，直接用记事本就可以做出网页。如果不会写代码，请在电脑里安装网页制作软件，推荐安装：Macromedia Dreamweaver，简称DW,这是目前比较流行的网页制作软件，功能强大。也可以安装Microsoft Office FrontPage，这个是Office办公软件中的一个组件，初学者很容易上手，就像使用word一样方便。不过这款软件比较古老，最新版本是Microsoft Office FrontPage2003，目前已被淘汰，不再升级。

2、在电脑中选择一个盘（建议不要选择c盘），新建一个存放网页的文件夹，文件夹名字随意取，然后在存放网页的文件夹里面再建几个子文件夹：包括图片文件夹、声音文件夹、视频文件夹、LASH文件夹等（根据自己需要建立文件夹）。

3、打开网页制作软件DW，新建一个站点，新建站点步骤按系统提示 *** 作。

4、新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。

5、制作子页，并与主页导航栏栏目链接。制作完成后打开主页预览，逐步修改完善。

6、如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。

以上是制作普通静态网页的基本步骤。

问题八：如何建立一个免费的网站？ 你好！

不知道你需要建 一个什么样的网站，我给你介绍一下普通网站的方法吧

首先你得有域名和主机（也可以是虚拟主机），如果你想用免费的话，就去申请个免费的虚拟主机，同时送你个三级域名，听说5944的和主机屋的比较不错，但是建议不要使用免费空间，因为毕竟是免费的东西，不稳定是肯定的。你也可以去冰点数据购买这些，他们家的比较不错，性价比很高。

其次网站程序，如果你自己会编写网站程序的话那是最好的，如果不会，你可以使用一些个人可以免费使用的网站程序，主流的CMS（内容管理系统）网站程序有动易的，乔客的、phpcms、帝国cms、织梦等，主流的论坛系统有动网论坛、DISCUZ等，主流的网上商店系统有shopex、ecshop等，这些个人免费版本，你可以去他们的官方网站下载相应的程序。把程序上传到你的空间，上传可以使用guteftp或者flashxp等软件上传，上传非常简单的。之后进行一下简单安装设置，这样一个网站的程序基本就搞定了。

接下来，把你的网站的内容添加进来，内容添加进来之后一个网站就已经完成了。

接下来的工作是对你的网站内容进行更新，对网站进行维护管理，对网站进行宣传推广。这些做的好，会留住访问者的

更多详情可看百度经验jingyan.baidu/...a

希望能够帮到你！

问题九：怎么才能建立一个网站？ 建立自己的个人主页首先要具备一个终端服务器，简单地说就是要有一个存放网页文件的地方，而其他网民也正是通过你的终端服务器来对你的网站内容进行浏览的，也就是我们常说的主页空间。现在很多网站都提供了免费主页空间，容量从几兆到无限空间都有，能够满足绝大部分使用者的需求，所以网友们不必对主页空间的容量做过多的要求，更重要的是要选择一个快速稳定的主页空间，因为一个快速稳定的主页空间会为你省去很多不必要的麻烦。象网易、首都在线等一些提供个人主页服务的网站，在网友中有很好的口碑。他们提供的主页空间，速度快，稳定性高，并且随主页空间配套带有站点计数器、聊天室、留言板、论坛等附属部分。可以为你的主页增色不少，网友们可以放心使用。

主页空间有了，下面就要开始制作网页了，这是建立个人主页中最重要的一步，也是最困难的一步。任何制作都具有相同的特点，在开始的阀候都是非常艰难的，只要你迈出了第一步，即便是非常简单的一步，也已经远远不同于原来的你。主页制作工具有很多种，其中FrontPage、Dreamweaver 是最常用的，也是最好用的两种主页制作软件。其中Dreamweaver的功能最为强大，能够做出专业级的网页，但在 *** 作上比较复杂，不容易掌握，一般是专业网页设计师的首选。而FrontPage则不同，全中文的 *** 作界面使制作者极易上手，强大的辅助功能可以使你的网页同样具有专业效果，你甚至可以不懂HTML等语言便可以制作出漂亮的网页，这种傻瓜式的制作工具已经成为大多数主页制作者的最佳选择！在微软最新发布的OFFICE2000中首次捆绑了FrontPage2000，作为FrontPage98的升级版FrontPage2000的功能更为强大，易用性更加突出。其本身带有多种不同风格的模版，可以使初学者很快地做出网页来。同时，FrontPage2000也为网页制作高手们准备了DHTML 效果、数据库集成、ActiveX 控件、JAVA 应用程序等一些高级网页设计技术，无论您是初学者或是制作高手，FrontPage2000都可以满足您不同的需求。

在开始制作前，确定站点所要介绍的具体内容是十分必要的。由于个人主页的局限性所致，它不可能象门户类网站那样内容广泛丰富，所以选好站点的内容是个人主页成功与否的关键，您的主页可以介绍娱乐、电脑、体育、网络、音乐等方面的信息和资讯，这主要取决于您的爱好和兴趣。有了好的内容下面就要开始制作站点的首页了。一个站点的首页是这个网站的门面，访问者第一次来到网站首先看到的就是首页，所以首页的好坏对整个网站的影响非常大！一个思路清晰，美工出色的首页，不但可以吸引访问者继续浏览站点内的其它内容，还能使访问过的网友再次光临网站。但是，一些初学者在设计首页的时候，总是试图利用许多精美的图片把自己的网页设计得丰富多采，然而这样做往往达不到预想的效果，要注意过多的图形可能会大大破坏访问者对该站点的印象，访问者对站点主题的理解可能会受到很大的干扰，甚至不知道作者要表达一个什么样的意思。所以，在制作的时候要注意以内容为核心，以形式为辅助，使二者统一起来。再有使用过多的图片，或者在设计网页形式的时候作了许多不必要的变化，引发的另一个问题就是网页下载速度的问题。一个巨大的图片可能会使网页的下载花费许多时间，甚至让人觉得不可忍受，对于那些上网速度比较慢的用户来说情况尤其严重。所以，在设计的时候，要把一些对站点主题没有作用的图片删除。在一些各大主页排行榜上名列前茅的优秀个人主页，它们大都有精美漂亮的首页，美工上的运用让人拍案叫绝，可以毫不夸张地说这些首页......>>

问题十：怎么建立一个自己的网站 现在建网站很简单吧，凡科自助建站的平台，简单注册账号就有属于自己的网站，拖拽编辑式建站，就相当于是先拿到作品，想要什么风格都可以自己设计修改的，反正也是有免费版的，楼主可以注册个玩玩呗。之后有什么问题还是可以直接就问他们的客服的。

---