html如何设计网页_如何做HTML页面

1、怎样制作html网页

怎样制作html网页?制作网页的整体思路有：

在进行网页制作的时候，要明白网页的类型以及所需要的材料，并做好一个框架构想，这样利于网页的效果形成，对后期的建设有相应的链接作用和奠基作用。

先布局，再用CSS进行控制。

骨架搭好了，初始化样式。

注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及对外部样式表的引入。这点可以参照HTML文件和LING&MAODIANSHANG等

1、头部的背景图片的高度128px来自素材的图片高，容器的宽度大小也来自图片宽

2、图片的位置：当你在编写index.html页面代码时，出现一些图片路径时，那么先分清楚哪些是同级目录文件

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

2、如何做HTML页面

下面是一个简单的HTML页面
<HTML>
<HEAD>我的第一个HTML页面</HEAD>
<BODY>这就是HTML页面....</BODY>
</HTML>

复制上面代码到记事本中，然后将记事本的后缀名改为.html

大功告成！

3、怎样制作网页html

HTML介绍：(1):<html>
<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>

<p>This is a regular paragraph</p>
</body>
</html>
(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色：<html>
<body bgcolor="yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
(这个例子说明了如何给页面设置背景色。)

4、用html如何制作一个简单的网页代码？

1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。

2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。

3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。

4、我们将更改编码和文件名，将其更改为如图所示的图像并保存。

5、然后返回到新创建的文件夹，发现有一个额外的html文件。

6、最后，使用浏览器打开html文件，效果如图所示，简单的网页被成功编写。

5、html如何制作网页

6、如何用HTML做网页

饿,三楼的简直就是胡说八道,用html不能做网页,那网页不是html那又是什么呢,用htm代码直接做一楼说的对,
不过用代码做出来的网页虽然能动态随心所欲,但是没有代码基础的还是劝告你别这样了,推荐你去以下的网站看看代码的解释在决定用代码做吧
htm静态网页,做到后面可以用ASP,PHP,等等做能互动的网站吧
楼上的真是小见多怪了
代码学习网
http://www.gzsums.e.cn/webclass/html/html_design.html

7、如何制作一个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、点击“粘贴”即可。
动画的提取大体与上相同。

8、如何用HTML5制作网页

html5标签掌握了，从上到下从左到右，标签合理使用，先把框架搭好，再结合css3做效果，先花时间把html5 css3看两遍，再看网页设计html5制作教程就ok了

当然这只是最简单的

9、html语言怎么做网页

html没学过说了也没什么用啊
div+css去排版

导航:首页 > 万维百科 > html如何设计网页

html如何设计网页

与html如何设计网页相关的知识