本文目录一览：
如何制作HTML页面
1、首先我们需要在桌面上，新建一张记事本
2、然后我们需要打开记事本，编写代码
3、然后我们需要把记事本修改后缀名为.html
4、然后我们需要在桌面上就会有一张网页，这一点很重要。
5、最后我们需要需要在浏览器上运行该网页
如何用html制作一个网页
1，打开记事本，并在其中输入必要信息，完整代码如下：
!DOCTYPE htmlhtmlhead meta charset="utf-8" title/title
bodyheaderimg src="molihua.jpg"width="412" height="291"/header article header h2茉莉花/h2 p作者：宋 · 刘克庄 /p /header hr/ p曾与瑶姬约。恍相逢、翠裳摇曳，珠韝联络。风露青冥非人世，揽结玉龙骖鹤。
爱万朵、千条纤弱。
祷祝花神怜惜取，问开时、晴雨须斟酌。枝上雪，莫消却。
恼人匹似中狂药。
凭危栏、烛光交映，乐声遥作。身上春衫香薰透，看到参横月落。
算茉莉、犹低一著。坐有缑山王郎子，倚玉箫、度曲难为酢。君不饮，铸成错。/p h3清平乐/h3 p冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热，补陀夜夜清凉。/pdl dt《浣溪沙》/dt dd南国幽花比并香。直从初夏到秋凉/dd dt《鹧鸪天》/dt dd携靓侣，泛轻航。棹歌惊起野鸳鸯/dd dt《真珠帘》/dtdd茉莉芰荷香，拍满笙箫院。/dd
/dl/article footer2019.9.6/footer /body/html
启动浏览器运行后，大家会发现界面并不美观，文字看着也比较乱。
为了解决这个问题，可以在界面添加css规则，让界面更好看，更标准化，将下面的代码块添加到记事本中，位置在head和head/也就是头部之间：
style type="text/css"body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } /style
再次保存和预览，是不是看着美观多了
用html如何制作一个简单的网页代码？
1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。
2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。
3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。
4、我们将更改编码和文件名，将其更改为如图所示的图像并保存。
5、然后返回到新创建的文件夹，发现有一个额外的html文件。
6、最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。
html如何制作网站
1，可以直接新建一个.html结尾的文件，也可以打开编辑器之后，在里面新建一个文件，然后保存为 .html结尾的，结果都一样。
2，然后选择使用某种编辑器来打开它，如使用Notepad++编辑器来编辑它。
3，然后在这个文件中写入网页所需的基本代码。
4，写好之后，根据需要设置编码格式，一般是utf-8格式，格式设置不对，会出现乱码的情况；设置好格式之后，点击左上角的图标来保存或者是直接按下 ctrl+s快捷键来保存。
5，保存好之后，然后点击‘运行’菜单，在出现的菜单中根据需要选择不同的浏览器来查看刚才编辑好的网页，当然也可以按下快捷键，如 谷歌的是 shift+Ctrl+alt+R 来看看效果如何，这就是简单的html网页教程了。
以上就是西安文菲科技的html制作流程
如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
html
body
最简单的网页
/body
/html
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
怎样制作网页html
HTML介绍：(1):html
head
titleTitle of page/title
/head
body
This is my first homepage.
bThis 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定义了最小的。
h1This is a heading/h1
h2This is a heading/h2
h3This is a heading/h3
h4This is a heading/h4
h5This is a heading/h5
h6This is a heading/h6
HTML自动在一个标题元素前后各添加一个空行。
(3):段落段落是用p标签定义的。
pThis is another paragraph/p HTML自动在一个段落前后各添加一个空行。
--------------------------------------------------------------------------------换行当需要结束一行，并且不想开始新段落时，使用br标签。br标签不管放在什么位置，都能够强制换行。
pThis br is a parabrgraph 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 breakbrlinesbrin abrparagraph,bruse 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
pNote that your browser simply ignores your formatting!/p
/body
/html
(这个例子说明了HTML显示格式的一些问题。)d:标题元素： html
body
h1This is heading 1/h1
h2This is heading 2/h2
h3This is heading 3/h3
h4This is heading 4/h4
h5This is heading 5/h5
h6This is heading 6/h6
pUse 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
pThe 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
pThe hr tag defines a horizontal rule:/p
hr
pThis is a paragraph/p
hr
pThis is a paragraph/p
hr
pThis is a paragraph/p
/body
/html
(这个例子说明了如何插入水平线。)
g:隐藏的注释：html
body
!--This comment will not be displayed--
pThis is a regular paragraph/p
/body
/html
(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色：html
body bgcolor="yellow"
h2Look: Colored Background!/h2
/body
/html
(这个例子说明了如何给页面设置背景色。)
