“大话HTML”的意思、由来-中文百科全书

词条

大话HTML

释义

简介

HTML，Hyper Text Mark-up Language，即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。 HTML中的标记除水平分割线标记<hr>以外，都是成对出现的，即标记的内容都必须在“<>”中，以开始一个标记，以结束这个标记，例如一个HTML文件的片断是：

内容1

内容2

“内容1”将以粗体显示，“内容2”将以正常字体显示，标记遇到时即结束，仅对在这对标记的范围内有效

第一个HTML文件

对于一个完整的HTML文件，应当至少包含以下3个标记：<html></html>，<head

></head>，<body></body> 这三个标记的放置是由层次顺序的，即所有标记应当在<html></html>中，文件头信息在<head></head>，文件的主体，即希望用户看到的那部分，在<body></body>，例如

<html>

</html>

这就是一个最简单的HTML文件，用记事本编辑这段代码，保存后把文件后缀名改为html或htm，双击在浏览器中运行，看到的是一个完全空白的页面，甚至连标题都没有，的第一个HTML文件创建好了。

好了，今天就写到这了，下次更新更精彩，呵呵

ps:写这个条目的时候遇到了一个哭笑不得的问题，因为这个东西要在浏览器中编写，把写好的文章粘过来，里面的HTML标记都不见了，被当作正常HTML标记处理了，大家看到的那个分割线就是bei 错误处理的<hr>标记，看来这个wiki系统有安全漏洞，上传WebShell也许能就能入侵了，呵呵

<head>标记

上次建立了一个空白的页面，这次我们来修饰一下。

一切事情从头开始，大家上网的时候会注意到，在浏览一个页面时，浏览器的标题栏上会有相应的标题提示页面的内容。这个是用<title >标记实现的：

<head>

<title>这里是标题</title>

</head>

<title>标记里的内容大概是在<head>标记里唯一对用户可见的内容，初除此之外，还有很多比较重要的标记，例如< base>标记，主要是描

述页面的基础信息，用href制定路径，例如：

< base href="http://www/buaa.edu.cn" >

这个标记的制定了路径，在以下的网页里如果没有指定绝对路径的引用了一个叫a.gif的图像，那么浏览器就会根据这个标记的内容，自动补齐路径，查找http://www.biuaa.deu.cn/a.gif这个文件，很方便，如果以后网站的域名改了，只需要改这一个地方，就可以了。

还可以通过<basefont>标记制定网页的默认字体：

这里指定“红色9号的宋体”为网页的默认字体，如果没有其它修饰，如CSS或color标记，网页里的文字将是这种效果了。

可以通过<meta>标记指定关键字，如：

这个标记指定了网页的关键字，便于搜索引擎的查找归类，name还可以为author，description等，分别指定了网页的作者和对网页描述。

为了让浏览器正确的现实网页，还必须指定字集，即网页中的字体用什么编码：

http-equiv，content的内容基本是固定的，charset指定的就是字符集，GB2312是国标汉字编码，BIG5是繁体字编码，utf-8是Unicode编码等等。

还有两个很酷的效果，使网页进场和离场效果，就是网页被加载后被显示时的过渡和离开这个页面时过渡：

duration指定特效的长度，transition为效果的代号，取值为0到22，23及以上为随即效果，设置离场效果只需要把page-enter改为page-exit即可，这个标记大家一定要试试。

<body>标记

在<body>标记里，是网页的主要内容，网页中的文字、图片、音乐都是在这里被描述的。以文字为例，在<body>标记里，任意输入一段文字，在浏览器中就可以看到这些文字，同时可以用其它标记来修饰这些文字：

加粗：

斜体：

删除线：<s></s>

下划线：

上角标：

下脚表：

大字号：<big></big>

小字号：

居中对齐：<center><center>

水平线标记：<hr> <hr width="" size="" color="" align="">

字体属性：这里是文字内容

斜体显示变量：<var></var>

一秒闪一次：<blink></blink>

以标准打字机形式显示：<tt></tt>

其后的代码直接显示在浏览器中，没有相应的结束标志：<plaintext>

文字上方说明标注标记：

<ruby>

<rt>

此处的文字显示在上方

</rt>

</ruby>

还可以在网页中插入图片：

插入超链接：

<a href=http://www.163.com title="标题">超链接的文本</a>

表格与布局

随便看

百科全书收录594082条中文百科知识，基本涵盖了大多数领域的百科知识，是一部内容开放、自由的电子版百科全书。