HTML教程与参考.pdfVIP

HTML 教程与参考 HTML 基本概念 什么是HTML 文件？  HTML 的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。  和一般文本的不同的是，一个HTML 文件不仅包含文本内容，还包含一些Tag，中文称 “标记”。  一个HTML 文件的后缀名是.htm 或者是.html。  用文本编辑器就可以编写HTML 文件。 这就试写一个HTML 文件吧！ 打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成 first.html。 html head titleTitle of page/title /head body This is my first homepage. bThis text is bold/b /body /html 要浏览这个first.html 文件，双击它。或者打开浏览器，在File菜单选择Open，然后选择这个 文件就行了。 示例解释 这个文件的第一个Tag 是html，这个Tag 告诉你的浏览器这是HTML 文件的头。文件的 最后一个Tag 是/html，表示HTML 文件到此结束。 在head和/head之间的内容，是Head 信息。Head 信息是不显示出来的，你在浏览器 里看不到。但是这并不表示这些信息没有用处。比如你可以在Head 信息里加上一些关键词， 有助于搜索引擎能够搜索到你的网页。 在title和/title之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到 这个标题。 在body和/body之间的信息，是正文。 在b和/b之间的文字，用粗体表示。b顾名思义，就是bold 的意思。 HTML 文件看上去和一般文本类似，但是它比一般文本多了Tag(标记)，比如html，b 等，通过这些Tag，可以告诉浏览器如何显示这个文件。 HTML 元素(HTML Elements) HTML 教程与参考  HTML 元素(HTML Element)用来标记文本，表示文本的内容。比如body, p, title 就是 HTML 元素。  HTML 元素用Tag 表示，Tag 以开始，以结束。  Tag 通常是成对出现的，比如body/body。起始的叫做Opening Tag，结尾的就 叫做Closing Tag。  目前HTML 的Tag 不区分大小写的。比如，HTML和html其实是相同的。 HTML 元素(HTML Elements)的属性 HTML 元素可以拥有属性。属性可以扩展HTML 元素的能力。 比如你可以使用一个bgcolor 属性，使得页面的背景色成为红色，就像这样： body bgcolor=red 再比如，你可以使用border 这个属性，将一个表格设成一个无边框的表格。如下： table border=0 属性通常由属性名和值成对出现，就像这样：name=value。上面例子中的bgcolor, border 就是name，red 和0 就是value。属性值一般用双引号标记起来。 属性通常是附加给HTML 的Opening Tag，而不是Closing Tag。 一些基础的HTML Tag HTML 里，比较基础的Tag 主要用于标题，段落和分行。 学习HTML 最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的 HTML 编辑器，你可以在左边写HTML 代码，然后点击上面的按钮，查看HTML 的显示结果。 试试看吧！ 示例：一个非常简单的HTML 文件 这个示例算是一个最简单的HTML 文件，只包含了最基本的能构成一个HTML 文件的Tag。 通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML 文件有个最初的认 识。 示例：简单的段落 这个示例显示在HTML 文件里如何分段。 正文标题 这个示例告诉你如何在HTML 文件里定义正文标题。 HTML 用h1到h6这几个Tag 来定义正文标题，从大到小。每个正文标题自成一段