本文目录一览：
如何写html网页
可以先写html，再写css，最后写js。
写html网页，首先就应该明确html的结构和元素，确定布局的整体框架。
完成html后，就可以根据设计图写相应的css样式，保持和设计图基本一样的效果，并且注意需要滚动的地方需要设置高度和溢出。
最后写js，完成页面的效果和数据接口调用。
如何用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的网页
我也是从别人的帖子上看到的，借花献佛
先从最简单的 HTML 网页入手；选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做些什么；制作你的第一个实验性的网站， 遇到困难，可买本《新编网页制作》的书，找最新版本的，新华书店就有。资料网上也有的是，如果遇到问题难以解决，请将问题提出，让更多高手为你解答； 初级阶段：应初步掌握 三剑客网页工具的基本操作：策划和制作你的第一个网站；不断为你的网站增加内容与功能（例如尝试将一些 Java Script 小程序添加到你的网页中。 进阶阶段：具有一定的网页制作经验，制作一般的网页已经不在话下：根据个人喜好及实际需要，网页制作的方向，你可以学习一些美术方面的知识；锻炼自己在网站策划及信息采辑的技能；尝试制作其他不同类型的网站，从模仿别人开始，逐渐形成自己的设计风格；熟练操作 三剑客网页工具，并至少能读懂 HTML 及 JavaScript的简单语言。 好了！这样，你的网页制作水平就离高手就不远了。 祝你成功！
另外还有
（一）主页的制作：
1、首先进入需要制作网页后，密码进入点击制作网页；
2、进入在线编辑；
3、起动浏览器；
4、进入其他人网页主页；
5、点击其他人网页内容；
6、点击右键出复制；
7、内容编辑（下面）；
8、点击左键粘贴；
9、修改不合适内容；
10、选颜色；
11、输入文件名；index
12、点击完成；
（二）怎样进行超级连接？
一、相对连接：（内部连接）
第一步：先进入进入成员专区，打开网页制作系统；
第二步：如果是连接你本网页著作系统已上传的文件，首先打开需要被连接的文件，点地址栏，变为兰色，再点右键点复制；
第三步：进入第一页（主页）改内容，找到原先设定的目录选中此目标；
第四步：点插入连接，出现对话框，点右键点粘贴，再点OK
第五步：选中背景颜色，点击完成即可。
二、绝对连接：（外部连接）
其他文件（本硬盘已存或别人网站等）怎样进行超级连接？
其他步骤基本相同唯一不同的是：首先选中你所存硬盘或别人网站地址栏内的目录。
（三）怎样把照片搬到自己的网页上
一、上传 选择法：
1、先把要般的相片存在软盘上，（非中文文件名）
2、上传到40兆空间
3、打开网页制作改内容，
4、指定放相片的位置，
5、按插入相片按钮，点“选择”;
6、选背景颜色，按完成。
二、复制 粘贴法：
1、选择相片右键点“复制”，
2、进入网页改内容指定位置，
3、点击“粘贴”即可。
动画的提取大体与上相同。
怎样制作网页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
(这个例子说明了如何给页面设置背景色。)
怎么用html制作简单得网页代码？
用html制作简单的网页的步骤：
1、整体形象设计：企业确定要搭建网站，那么首先就需要确定企业的整体形象，这个形象包括企业的logo设计，整个站点的色彩搭配，网页流程设计，版面设计，甚至包括哪些地方本使用动态效果，哪些地方搭配文字信息，又或者需要布局哪些模块等等，这个都需要纳入到整体形象设计当中。
2、页面风格设计：网站整体设计完成之后，需要落实到每个小的页面，每个页面风格设计可以不同，但大的方向却需要一致，这样才能保证整个站点是整洁有序的，千万不能是一个页面一个页面设计，这样让用户感觉到非常突兀，甚至会不适应。
3、代码设计：代码设计其实也就是功能设计，一个网站不可能只是展示，还需要有一些其他功能，最少有联系版块的功能，留言功能等等，如果是电子商务网站还需要一些支付功能等等。此外，代码设计也涵盖了整个网站的框架布局，这个需要站长结合SEO优化元素去设计。
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
