html网页制作网站,html如何制作网页

html怎么制作网页

1、html文件是最常见的网页文件，所谓HTML是超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

2、html文件的编辑非常简单，使用文本编辑器就可以打开，也可以使用editplus，vim，notepad++，ultraEdit 等等编辑工具打开，打开就可以直接看到源码，也可以进行编辑修改。

3、html是网页设计和编程的基础，只要掌握了HTML的基本标签的用法，相对来说还是比较简单的，学习难度并不大的。WEB端编程中，难度较大的在于JavaScript这一块。

4、希望对你有帮助，祝你学有所得。

如何用HTML5制作网页

现在以HBuilder工具编写为例：

1. 打开此工具，在项目管理器中右键单击创建一个web 项目

2.右键单击项目名称，新建一个HTML文件----form01.html

!DOCTYPE html

!--

?? ?作者：offline

?? ?时间：2017-01-06

?? ?描述：form表单

?? ?

?? ?在form标签中，有两个经常使用的属性

?? ?action：表单提交服务器地址

?? ?method: 表单提交的方法/方式----get/post

?? ???????????????? 其他提交方式---put delete

?? ???????? 提交方式----get（默认的提交方式）

?? ???????? 1.请求的参数放到地址栏中

?? ???????? 2.不安全

?? ???????? 3.存在缓存

?? ???????? 4.传输数据的大小收到限制

?? ???????? 提交方式----post

?? ???????? 1.请求的参数放到http协议中

?? ???????? 2.相对安全---账号密码等信息不会放到地址栏中

?? ???????? 3.没有缓存

?? ???????? 4.传输数据的大小限制较小

?? ????????????? 修改成post之后，可能会出现错误信息。

?? ?input标签：定义输入字段，用户可在其中输入数据。

?? ??????? 属性：

?? ??????? type 指示 input标签的类型，默认的是text

?? ???????????????????????? 按钮类型： 普通按钮 button 重置按钮 Reset? 提交按钮 submit

?? ??????? value 定义要显示的文本。

--

html

?? ?head

?? ??? ?meta charset="utf-8"

?? ??? ?titleform表单1/title

?? ?/head

?? ?body

?? ??? ? form action="" method="post"

?? ??? ? ?? ?input type="text" name="username" value="zhangsan" /

?? ??? ? ?? ?input type="submit" value="提交" /

?? ??? ? /form

?? ?/body

/html

3.查看此网页是不是HTML5，主要看表头

4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式

html网页制作教程

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

01

新建记事本

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

02

编写代码

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

03

修改后缀名

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

04

网页

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

05

运行网页

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

如何用html编写一个简单的网页

简单的html网页可以直接利用文本编写的，无需下载特定编辑器。

1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。

2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。

3、然后输入最简单的HTML文本语言。

代码如下：

html

body

最简单的网页

/body

/html

4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。

5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。

怎么用html制作简单得网页代码？

用html制作简单的网页的步骤：

1、整体形象设计：企业确定要搭建网站，那么首先就需要确定企业的整体形象，这个形象包括企业的logo设计，整个站点的色彩搭配，网页流程设计，版面设计，甚至包括哪些地方本使用动态效果，哪些地方搭配文字信息，又或者需要布局哪些模块等等，这个都需要纳入到整体形象设计当中。

2、页面风格设计：网站整体设计完成之后，需要落实到每个小的页面，每个页面风格设计可以不同，但大的方向却需要一致，这样才能保证整个站点是整洁有序的，千万不能是一个页面一个页面设计，这样让用户感觉到非常突兀，甚至会不适应。

3、代码设计：代码设计其实也就是功能设计，一个网站不可能只是展示，还需要有一些其他功能，最少有联系版块的功能，留言功能等等，如果是电子商务网站还需要一些支付功能等等。此外，代码设计也涵盖了整个网站的框架布局，这个需要站长结合SEO优化元素去设计。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

怎么用dreamweaver制作html网页

创建网页页面

1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。?

注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。

2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。

3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。

4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。?

注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。

注：在网页上打入空格的办法是：把输入法调为全角。

注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。

下面拿一个现成的例子来给大家讲解一下：

现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图：

在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。

□网页顶端的标题“我的主页”是一段文字。?

□网页中间是一幅图片。?

□最下端的欢迎词是一段文字。?

□网页背景是一深紫红颜色。

构思好这个网页的结构，我们就可以开始制作了。

首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站（根目录）。

为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。

进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。

【设置文字的格式】 选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中“B”将字体变粗。

【设置文字的颜色】首先选中文字，在属性面板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。

【设置网页的标题和背景颜色】

点击“修改”菜单选“页面属性”。系统弹出页面属性对话框（如下图）

请在标题输入框填入标题“我的主页”。

设置背景颜色：　网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片，点击背景图象“浏览”按钮，系统弹出图片选择对话框，选中背景图片文件，点击确定按钮。

设计视图状态，在标题“我的主页”右边空白处单击鼠标，回车换一行，按照以下的步骤插入一幅画图片，并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。

【插入图像】选择以下任意一种方法：

（1）使用插入菜单：在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选中该图像文件，单击确定

（2）使用插入栏：单击插入栏对象按钮选 按钮，弹出“选择图像源文件”对话框，其余操作同上。

（3）使用面板组“资源”面板（如下图）：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置

注：为了管理方便，我们把图片放在“images”文件夹内。如果图片少，您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名 而且使用小写，不能用中文，否则要出现一些麻烦。 一个图片就插入完毕了。（插入*.swf动画文件，选择“插入”菜单＞媒体＞Flash）。 【输入欢迎文字】 在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您……”然后，利用属性面板对文字进行设置。 保存页面。 一个简单的页面就这样编辑完毕了。 【预览网页】在页面编辑器中按F12预览网页效果。 网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。 【小结】我们制作了一个简单的网页。 内容有四： ①图片插入和对齐设置； ?②文字的格式、颜色和加粗等设置； ?③背景颜色的设置； ?④预览网页，查看实际效果。 不仅要掌握还要举一反三反复练习。