怎么用html制作网页

1.html如何制作网页

用标记（标签）

下面是一个最基本的html文档的代码

<HTML>； ---------------------------------------- 开始标签

<HEAD>； -------------------------------------- 头部标签

<TITLE>；一个简单的HTML示例 </TITLE>

</HEAD> --------------------------------------

<BODY>； ---------------------------------------- 文件主体

<H1>；欢迎光临我的主页</H1>

<BR>

<HR> <FONT SIZE= 7 COLOR= red>；这是我第一次做主页</FONT>

</CENTER>

</BODY> ---------------------------------------

</HTML>； --------------------------------------- 结尾标签

2.如何制作HTML页面

HTML介绍：（1）: Title of page <body> This is my first homepage. This text is bold 将此文件保存为“mypage.htm”

This is a heading

HTML自动在一个标题元素前后各添加一个空行。

（3）：段落段落是用标签定义的。This is another paragraph HTML自动在一个段落前后各添加一个空行。

--------------------------------------------------------------------------------换行当需要结束一行，并且不想开始新段落时，使用标签。标签不管放在什么位置，都能够强制换行。

This is a paragraph with line breaks 标签是一个空标签，它没有结束标记。基本注意点——有用的技巧当你写下HTML文本的时候，你不能确知在另外一个浏览器中，这些文本将被如何显示。

有人用着大的显示器，有的人用的小一些。每次用户调整窗口大小的时候，文本都将被重新格式化。

不要想在编辑器中写一些空行和空格来协助排版。HTML将截掉你文本中的多余空格。

不管多少个空格，处理起来只当一个。一点附加信息：在HTML里面，一个空行也只被当作一个空格来处理。

使用空段落来插入空白行是一个坏习惯，请使用标签来替代。（但是不要用标签来创建列表，我们后面会专门学习HTML列表的。）

你也许注意到了段落可以不写结束标记。别依赖它，HTML的下一个版本将不准你漏掉任何一个结束标签。

HTML自动在某些元素前后增加额外的空行，就像在段落和标题元素的前后一样。我们使用了水平线（标签）来分隔我们教程的章节。

更多示例：a：多个段落： <body> This paragraph contains a lot of lines in the source code,but the browser ignores it. This paragraph contains a lot of spaces in the source code,but the browser ignores it. 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.（这个例子说明了段落的一些默认行为。）b：换行： <body> To breaklinesin aparagraph,use the br tag. （这个例子说明了在HTML文档中换行的使用。）

c：诗歌的问题： <body> 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.Note that your browser simply ignores your formatting!（这个例子说明了HTML显示格式的一些问题。）d：标题元素： <body>

This is heading 1

3.This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.（这个例子说明了在HTML中显示标题元素的标签。）

e：居中的标题元素：<body>

This is heading 1

The heading above is aligned to the center of this page. The 。

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

HTML源码如下：

<!DOCTYPE html>

<html>

<head>

</head>

<h5>hello word</h5>

</select>

我们爱祖国！！我们爱祖国！

</div>

</body>

</html>

效果预览图浏览器显示：

扩展资料：

HTML超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

4、通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料：百度百科-HTML

5.如何用html制作一个网页

1，打开记事本，并在其中输入必要信息，完整代码如下：< 作者：宋 · 刘克庄

曾与瑶姬约。

恍相逢、翠裳摇曳，珠韝联络。风露青冥非人世，揽结玉龙骖鹤。

爱万朵、千条纤弱。祷祝花神怜惜取，问开时、晴雨须斟酌。

枝上雪，莫消却。恼人匹似中狂药。

凭危栏、烛光交映，乐声遥作。身上春衫香薰透，看到参横月落。

算茉莉、犹低一著。坐有缑山王郎子，倚玉箫、度曲难为酢。

君不饮，铸成错。

清平乐

冰轮万里。

云卷天如洗。先向海山生大士。

却诞卯金之子。冰盆荔子堪尝。

胆瓶茉莉尤香。震旦人人炎热，补陀夜夜清凉。

《浣溪沙》南国幽花比并香。直从初夏到秋凉《鹧鸪天》携靓侣，泛轻航。

棹歌惊起野鸳鸯《真珠帘》茉莉芰荷香，拍满笙箫院。

为了解决这个问题，可以在界面添加css规则，让界面更好看，更标准化，将下面的代码块添加到记事本中，位置在和也就是头部之间：<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>再次保存和预览，是不是看着美观多了。

6.怎样用html制作网页

当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况，p用于表现段落是公认的。

基于同样的逻辑，很多标签应该被用来定义确定的文本元素，比如引用，缩写和计算机代码等。应该记住的是，尽管大部分浏览器用不同的方式处理这些标签，最重要的是记住，不是为了让元素看起来像什么，而是它赋予的含义是什么。

缩写和首字母组合词缩写标签abbr和首字母组合词标签acronym分别用于缩写词语和首字母组合而成的缩写词。缩写是一个惯用词组的缩短形式。

很平常。然而，首字母缩写词则是组成词组的每个单词之首个字母（或者单词的部分）的组合缩写。

所以CSS是一个正确的首字母缩写词，但HTML和XHTML却不是（如果Hypertxet markup language是一个首字母缩写词，它应该是HML，同理，XHTML就是EHML了）。为了优化易用性，缩写和首字母缩写词都应该使用标题属性title。

以下为引用的内容： This web site is about HTML and CSS. 注意有一些不可思议的理由，Internet Explorer，最常用的浏览器，竟然不支持abbr标签。十分幸运，一个叫Marek Prokop的小伙子为此开发了clever Javascript workaround。

有很多关于缩写和首字母缩写词元素的讨论，Lars Holst提供了可能是最具体的深入理解。引用 blockquote,q和cite用在引用上。

blockquote是块状的，用于大面积的引用语上，而q则是内联的，用于更小的词组。cite也是内联的，比起q来其本身的语义更可取，很可能在将来取代q。

又，标题属性title用于表明引用从何而来。注意：q一般不改变内附文本的外观──你需要用CSS如果你需要为它指定一个样式。

以下为引用的内容： So I asked Bob about quotations and he said I know as much about quotations as I do about pigeon fancying . Luckily, I found HTML Dog and it said。