如何制作HTML页面
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何制作HTML页面相关的知识，希望对你有一定的参考价值。
怎么制作HTML页面啊
1、首先我们需要在桌面上，新建一张记事本
2、然后我们需要打开记事本，编写代码
3、然后我们需要把记事本修改后缀名为.html
4、然后我们需要在桌面上就会有一张网页，这一点很重要。
5、最后我们需要需要在浏览器上运行该网页
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html> 将此文件保存为“mypage.htm”。启动浏览器。在文件菜单中选择“打开”（或者“打开页面”），这时将出现一个对话框。选择“浏览”（或者“选择文件”），定位到你刚才创建的HTML文件——“mypage.htm”，选择它，单击“打开”。然后在对话框中，你将看到这个文件的地址，比如说：“C:\MyDocuments\mypage.htm”。单击“确定”，浏览器将显示此页面。
--------------------------------------------------------------------------------例子解释HTML文档中，第一个标签是<html>。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是</html>，这个标签告诉浏览器这是HTML文档的终止。在<head>和</head>标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在<title>和</title>标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在<body>和</body>标签之间的文本是正文，会被显示在浏览器中。在<b>和</b>标签之间的文本会以加粗字体显示。
---常见问题问：我编写完了HTML文件，但是不能在浏览器中看见结果，为什么？
答：请确认你保存了文件，并且使用了正确的文件名和扩展名，例如：“c:\mypage.htm”，并且确认你用浏览器打开时使用同样的文件名。问：我编辑了HTML文件，但是修改结果并没有在浏览器中显示，为什么？
答：浏览器缓存了你的页面，所以它不需要两次读取同样的页面。你修改了这个页面，浏览器并不知道。请使用“刷新/重载”按钮来强迫浏览器读取编辑过的页面。
-----------------------------------------------------------------------------
HTML基本标签：(2):HTML中最重要的标签是定义标题元素，段落和换行的标签。
标题元素标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素，<h6>定义了最小的。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTML自动在一个标题元素前后各添加一个空行。
(3):段落段落是用<p>标签定义的。
<p>This is another paragraph</p> HTML自动在一个段落前后各添加一个空行。
--------------------------------------------------------------------------------换行当需要结束一行，并且不想开始新段落时，使用<br>标签。<br>标签不管放在什么位置，都能够强制换行。
<p>This <br> is a para<br>graph with line breaks</p> <br>标签是一个空标签，它没有结束标记。
基本注意点——有用的技巧当你写下HTML文本的时候，你不能确知在另外一个浏览器中，这些文本将被如何显示。有人用着大的显示器，有的人用的小一些。每次用户调整窗口大小的时候，文本都将被重新格式化。不要想在编辑器中写一些空行和空格来协助排版。HTML将截掉你文本中的多余空格。不管多少个空格，处理起来只当一个。一点附加信息：在HTML里面，一个空行也只被当作一个空格来处理。使用空段落<p>来插入空白行是一个坏习惯，请使用<br>标签来替代。（但是不要用<br>标签来创建列表，我们后面会专门学习HTML列表的。）你也许注意到了段落可以不写结束标记</p>。别依赖它，HTML的下一个版本将不准你漏掉任何一个结束标签。HTML自动在某些元素前后增加额外的空行，就像在段落和标题元素的前后一样。我们使用了水平线（<hr>标签）来分隔我们教程的章节。
更多示例：a:多个段落：
<html>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
<p>
The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
(这个例子说明了段落的一些默认行为。)b:换行：
<html>
<body>
<p>
To break<br>lines<br>in a<br>paragraph,<br>use the br tag.
</p>
</body>
</html>
(这个例子说明了在HTML文档中换行的使用。)
c:诗歌的问题： <html>
<body>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<p>Note that your browser simply ignores your formatting!</p>
</body>
</html>
(这个例子说明了HTML显示格式的一些问题。)d:标题元素： <html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p>
</body>
</html>
(这个例子说明了在HTML中显示标题元素的标签。)e:居中的标题元素：<html>
<body>
<h1 align="center">This is heading 1</h1>
<p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p>
</body>
</html>
(这个例子显示了一个居中的标题元素。)f:水平线：<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
</body>
</html>
(这个例子说明了如何插入水平线。)
g:隐藏的注释：<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色：<html>
<body bgcolor="yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
(这个例子说明了如何给页面设置背景色。) 参考技术B 回答
亲~您好，首先您得下载一个dreamweaver软件。1.在桌面上找到dreamweaver软件，双击打开。2.进入后，在中间区域的居中位置，可以快捷的新建网页文件及其他文件，也可以用文件-》新建的方式新建文件，此处采用文件新建。3.单击文件-》新建，页面类型选择html，点击创建即可创建一个空白页面出来了。4.网站是有站点的，下面新建一个站点，单击站点-》新建站点，弹出如下对话框，将网站名称起名为“第一站”，站点文件夹点击后面的文件夹小图标新建一个即可，文件夹只能用英文字母。5.点击高级设置修改默认文件夹。6.都设置妥当后在页面的代码区域输入如下代码，在底部可以看到预览效果。7.点击顶部的小地球图标可以在浏览器中预览，会提示是否保存页面，点击是。8.选择保存的名称一般情况下网页的首页都叫index，将名称更改后确认即可在浏览器中看到刚才的成果啦。
希望小编的回答能够帮助到您~如果有什么疑问可以继续向小编提问呢，最后希望亲亲在结束咨询的时候能给小编一个赞哟[摸头]
参考技术C 网页主要由HTML构成，而HTML只是简单的纯文本格式，如果你机子上用的是WINDOWS那么便可以用它自带的记事本打开就可以做网页了，在网上你可以把一些你用的必要的代码复制下来，不过你最好懂的HTML，便会用的得心应手了，但如果你是新手的话学网页制作先要从最基本的开始，你会用微软的WORD吗？如果会的话就好办了，那么我建议你用微软的FRONTPAGE，和WORD一样的用法，是一个业余网页制作者用来得心应手的软件，只是板面问题是用隐藏的表格来布局的，这一点对新手来说很重要，
你在此必须学会的是其中的HTML语言，这种语言很简单，都是以<body>这样的形式开头</body>这样的形式结束，
此外你可以学一下用FLASH，和PHOTOSHOP学会做一些简单的图片，这样想表达什么会容易一些，
如果你学会了HTML语言，一切就变的容易一些，你可以用HOTDOG来做一些专业的网页，这样你便学会了制作静态网页，可以上传到一些免费的空间，一般非专业人员这样就足够了。
下来便是最好学一下网页三剑客中的DREAMWEAVER，其中要学的是CSS，学会用它做一些简单的ASP交互式互动网页，多卖一点专业的书，学会SQL关系数据库，和一些脚本语言，比如VBSCRIPT或JAVASCRIPT，这样你便成为一个动态网页的制作高手。另外到这时的你可以试着学一下微软的.NET。
或许我说的后边你有一些不明白，但是你只要学了，便会一步一步过度过来，祝你早日成为网络高手。
要弄好自己的主页还要注意网站的统一性、主色调和字体问题，如果你这方面是弱项，最好模枋一个网站的主风格或者干脆去网上找一个好的模板，来改动其中的内容，这样你便不是专业人氏也能做的很好。 参考技术D 制作HTML页面步骤如下：
1、HTML元素，HTML 元素以开始标签起始，以结束标签终止。没有内容的 HTML 元素被称为空元素。
2、TML标签，html中的常用标签分类。
3、做HTML图片和链接。
此阶段学习的HTML，虽然只是入门级别，但要写出一个好的网页，熟练掌握基础技术和知识是必不可少。HTML（Hypertext MarkupLanguage）也叫作超文本标记语言，是一种用来结构化 Web 网页及其内容的标记语言，标准通用标记语言下的一个应用，可以使用 HTML 来建立自己的 WEB 站点。HTML（标准通用语言下的一个应用）元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。HTML标签是HTML语言中最基本的单位，是【学习HTML的基础】。网页制作中大多数时候会插入图片或链接，这也是必学基础内容。
想了解更多HTML有关的详情，推荐咨询达内教育。达内教育已从事19年IT技术培训，累计培养100万学员，并且独创TTS8.0教学系统，1v1督学，跟踪式学习，有疑问随时和老师进行沟通；同时，其26大课程体系紧跟企业需求，企业级项目，课程穿插大厂真实项目讲解，对标企业人才标准，制定专业学习计划，囊括主流热点技术，助力学员提高自身竞争力。【感兴趣的话点击此处，免费学习一下】
以上是关于如何制作HTML页面的主要内容，如果未能解决你的问题，请参考以下文章
如何在 HTML 或 JAVASCRIPT 中制作登录认证页面