xiazuo

生活知识 2023-05-10 21:49生活知识www.buyunw.cn

1、如何制作HTML页面

HTML介绍(1):<html>
<head>
<title>Titleofpage</title>
</head>
<body>
Thisismyfirsthomepage.
<b>Thistextisbold</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>Thisisaheading</h1>
<h2>Thisisaheading</h2>
<h3>Thisisaheading</h3>
<h4>Thisisaheading</h4>
<h5>Thisisaheading</h5>
<h6>Thisisaheading</h6>
HTML自动在一个标题元素前后各添加一个空行。
(3):段落段落是用<p>标签定义的。
<p>Thisisanotherparagraph</p>HTML自动在一个段落前后各添加一个空行。
--------------------------------------------------------------------------------换行当需要结束一行,并且不想开始新段落时,使用<br>标签。<br>标签不管放在什么位置,都能够强制换行。
<p>This<br>isapara<br>graphwithlinebreaks</p><br>标签是一个空标签,它没有结束标记。
基本注意点——有用的技巧当你写下HTML文本的时候,你不能确知在一个浏览器中,这些文本将被如何显示。有人用着大的显示器,有的人用的小一些。每次用户调整窗口大小的时候,文本都将被重新格式化。不要想在编辑器中写一些空行和空格来协助排版。HTML将截掉你文本中的多余空格。不管多少个空格,处理起来只当一个。一点附加信息在HTML里面,一个空行也只被当作一个空格来处理。使用空段落<p>来插入空白行是一个坏习惯,请使用<br>标签来替代。(不要用<br>标签来创建列表,我们后面会专门学习HTML列表的。)你也许注意到了段落可以不写结束标记</p>。别依赖它,HTML的下一个版本将不准你漏掉任何一个结束标签。HTML自动在某些元素前后增加额外的空行,就像在段落和标题元素的前后一样。我们使用了水平线(<hr>标签)来分隔我们教程的章节。
更多示例a:多个段落
<html>
<body>
<p>
Thisparagraph
containsalotoflines
inthesourcecode,
butthebrowser
ignoresit.
</p>
<p>
Thisparagraph
containsalotofspaces
inthesourcecode,
butthebrowser
ignoresit.
</p>
<p>
Thenumberoflinesinaparagraphdependsonthesizeofyourbrowserwindow.Ifyouresizethebrowserwindow,thenumberoflinesinthisparagraphwillchange.
</p>
</body>
</html>
(这个例子说明了段落的一些默认行为。)b:换行

<html>
<body>
<p>
Tobreak<br>lines<br>ina<br>paragraph,<br>usethebrtag.
</p>
</body>
</html>
(这个例子说明了在HTML文档中换行的使用。)

c:诗歌的问题<html>
<body>
<p>
MyBonnieliesovertheocean.
MyBonnieliesoverthesea.
MyBonnieliesovertheocean.
Oh,bringbackmyBonnietome.
</p>
<p>Notethatyourbrowsersimplyignoresyourformatting!</p>
</body>
</html>
(这个例子说明了HTML显示格式的一些问题。)d:标题元素<html>
<body>
<h1>Thisisheading1</h1>
<h2>Thisisheading2</h2>
<h3>Thisisheading3</h3>
<h4>Thisisheading4</h4>
<h5>Thisisheading5</h5>
<h6>Thisisheading6</h6>
<p>Useheadingtagsonlyforheadings.Don'tusethemjusttomakesomethingbold.Useothertagsforthat.</p>
</body>
</html>
(这个例子说明了在HTML中显示标题元素的标签。)e:居中的标题元素<html>
<body>
<h1align="center">Thisisheading1</h1>
<p>Theheadingaboveisalignedtothecenterofthispage.Theheadingaboveisalignedtothecenterofthispage.Theheadingaboveisalignedtothecenterofthispage.</p>
</body>
</html>
(这个例子显示了一个居中的标题元素。)f:水平线<html>
<body>
<p>Thehrtagdefinesahorizontalrule:</p>
<hr>
<p>Thisisaparagraph</p>
<hr>
<p>Thisisaparagraph</p>
<hr>
<p>Thisisaparagraph</p>
</body>
</html>
(这个例子说明了如何插入水平线。)
g:隐藏的注释<html>
<body>
<!--Thiscommentwillnotbedisplayed-->
<p>Thisisaregularparagraph</p>
</body>
</html>
(这个例子说明了在HTML文档中如何插入隐藏的注释。)h:背景色<html>
<bodybgcolor="yellow">
<h2>Look:ColoredBackground!</h2>
</body>
</html>
(这个例子说明了如何给页面设置背景色。)

2、如何制作HTML文件?

HTML文件制作方法如下

一,打开简单的文本编辑器。NotePad是不错的选择,而且可以免费下载。大部分文本编辑软件都能编写HTML,不过,复杂的软件有自动格式功能,比较难组织HTML页面。

不建议使用TextEdit,它经常将文件保存成无法被浏览器识别为HTML的格式。

你也可以用在线HTML编辑器。不建议初学者使用专业的HTML编辑程序。


                  

二,将文件保存为网页。在上方菜单中,选择文件(File),点击另存为(SaveAs)。

将文件格式改成“网页”(WebPage)、“.html”或“.htm”,存在容易找到的位置。
上面三个选择是一样的,没有差别。


                  

三,用网页浏览器打开文件,双击文件,它应该会自动在浏览器打开,但现在还只是个空白网页。

你也可以先打开浏览器,例如Firefox或InternetExplorer,再从文件(File)标签中,点击
打开文件(OpenFile),然后选择文件。


这个网页并不在网上,只能在你的电脑上看到。


                  

四,更新网页,查看已保存的更改。将<strong>Hello</strong>输入空白的文件。

更新浏览器上的空白网页,你应该可以看到网页上方有个加粗的“Hello”字眼。在本教程中,你随时可以测试新的HTML。只要保存.html文件,然后更新浏览器窗口,就能看到浏览器如何诠释HTML。


浏览器出现“<strong>”和“</strong>”字眼,代表你的文件并未被正确诠释为HTML。换个不同的文本编辑程序或浏览器。


                  

五,了解标签。HTML的指示写在标签之间,告诉浏览器要如何诠释及呈现网页。

标签被尖括号<>括起来,网页上看不到。你在上面的例子中已经用到它们了<strong>是“首标签”,或“起始标签”。

写在这个标签后的内容被定义为“重点强调的文本”(通常在网页上以粗体显示)。


</strong>是“尾标签”,或“结束标签”。尾标签有多一条斜杠“/”,表示重点强调的文本就此结束。

大部分标签都需要尾标签,才能起作用,所以别忘了它。


                  

六,构建文档。删除HTML文档里的所有东西。一字不变地输入以下文本,重新开始(忽略小圆点)。

这个HTML代码告诉浏览器你使用哪一版HTML,网页所有内容都在<html>和</html>标签之间。

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
</html>


                  

七,添加head和body标签。HTML文档分为2个部分。“Head”部分是特别信息,例如网页标题。“Body”部分则包括网页内容。

将这两个标签放进文档,别忘了尾标签。粗体字为新添加的文本。

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
</body>
</html>


                  

八,取个标题。对初学者来说,head部分的标签大多不重要。

不过,标题标签方便使用,而且决定了浏览器窗口,或选项卡上显示的名称。在head标签的首标签和尾标签之间,写下你喜欢的标题

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>我的第一个HTML网页。</title>
</head>
<body>
</body>
</html>

扩展资料

HTML添加链接和图片方法   

一,了解特性(attributes)。你可以在每个标签里,写上详细信息。这些信息被称为“特性”,是标签里的额外描述信息,格式为特性名字="特定值"。任何HTML标签都可以有个标题特性
<ptitle="Introduction">在这里写一段介绍。

</p>给这个段落取个标题叫“Introduction”,当你把滑鼠滑到网页上的这一段文字时,标题就会出现。


                  

二,连接到另一个网页。用<a></a>标签创建超链接,连接另一个网页。用href特性插入你要连接的网页地址。

下面的例子连接到你现在阅读的网页

<ahref="http://www.wikihow.com/Write-an-HTML-Page">网站访客可以点击这里的文本,随着链接进入wikihow网页。</a>


                  

三,给标签添加id特性。任何HTML都能用的另一个特性是“id”元素。

在任何一个标签里,写下id="example",或输入没有空格的名称。现在,它还没有明显的作用,但我们会在下一步用到它。

举个例子,在文档里输入<pid="example">本段落将作为示例,展示id特性的作用。</p>


                  

四,连接到有特定id的元素。现在,我们可以用超链接标签<a></a>,连接到同一网页的另一个目的地。

我们用#符号代替网址,然后输入要连接的id值。比如说,<ahref="#example">这个文本将被连接到id为"example"的段落。</a>

所有HTML值都不分大小写。不管是"#EXAMPLE",还是"#example",都会连接到同一个目的地。

如果网页太短,一次就能显示全部内容,那么点击浏览器里的链接时,可能看不到它的作用。调整窗口大小,直到滚动条出现,然后再试一次。


                  

五,添加图片。<img>标签是个空标签,也就是说不需要尾标签。用特性添加显示图片所需的全部信息。以下例子将显示wikiHow的标志,每个特性后面都有详细的描述。

<imgsrc="http://pad2.whstatic.com/skins/owl/images/wikihow_logo.png"style="width:324px;height:84px"alt="wikiHowlogo">
src=""特性说明图片的所在位置(一般而言,显示他人网站上的图片是无礼的行为,而且如果有关网站下线了,图片也会跟着消失)。

style=""特性有很多用途,最重要的还是以像素为单位,设置图片的宽度和高度。你也可以分开使用width=""(宽度),和height=""(高度)特性。,如果你之后用CSS,图片大小会变得很奇怪。)

alt=""特性是图片的简要描述,如果图片加载失败,用户就会看到这行替代文字。它被视为必要的信息,因为盲人正是靠屏幕阅读器,读出这些信息,来了解图片内容。


参考资料百度百科-HTML

3、下作是什么意思啊

下作
拼音xiàzuò
解释
1.卑鄙,下流。
2.<方>(吃东西)又贪又馋。
3.<方>助手打~(担任助手)

4、如何用html制作一个网页

5、求一个静态网页作品?10个HTML,有背景音乐,简单的flash 要求如下,尽量符合就可以,458322567@qq.com

100块帮你做

追问

兄弟,帮帮忙啊!我没有那么多,跪求啊!

6、html求大神帮忙做一下作业。需要完整代码

大撒大撒大撒大撒

Copyright@2015-2025 不孕网版板所有All right reserved