html教程Word下载.docx

1、Head信息是不显示出来的，你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词，有助于搜索引擎能够搜索到你的网页。之间的内容，是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。之间的信息，是正文。之间的文字，用粗体表示。顾名思义，就是bold的意思。HTML文件看上去和一般文本类似，但是它比一般文本多了Tag，比如，等，通过这些Tag，可以告诉浏览器如何显示这个文件。HTML元素（HTML Elements） HTML元素（HTML Element）用来标记文本，表示文本的内容。比如body, p, title就是HTML元素。 HTML元素

2、用Tag表示，Tag以结束。 Tag通常是成对出现的，比如。起始的叫做Opening Tag，结尾的就叫做Closing Tag。 目前HTML的Tag不区分大小写的。比如，其实是相同的。HTML元素（HTML Elements）的属性HTML元素可以拥有属性。属性可以扩展HTML元素的能力。比如你可以使用一个bgcolor属性，使得页面的背景色成为红色，就像这样：body bgcolor=red再比如，你可以使用border这个属性，将一个表格设成一个无边框的表格。如下：table border=0属性通常由属性名和值成对出现，就像这样：name=value上面例子中的bgcolor, bo

3、rder就是name，red和0就是value。属性值一般用双引号标记起来。属性通常是附加给HTML的Opening Tag，而不是Closing Tag。一些基础的HTML TagHTML里，比较基础的Tag主要用于标题，段落和分行。学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。试试看吧！示例：一个非常简单的HTML文件这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML文件的Tag。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文

4、件有个最初的认识。简单的段落这个示例显示在HTML文件里如何分段。正文标题这个示例告诉你如何在HTML文件里定义正文标题。HTML用到这几个Tag来定义正文标题，从大到小。每个正文标题自成一段。This is a headingh2/h2h3/h3h4/h4h5/h5/h6段落划分在HTML里用/p划分段落。This is a paragraphThis is another paragraph换行通过使用这个Tag，可以在不新建段落的情况下换行。没有Closing Tag。用换行是个坏习惯，正确的是使用This is a paragraph with line breaksHTML注释在HT

5、ML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。注释可以写在之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。- This is a comment -一些小建议HTML文件会自动截去多余的空格。不管你加多少空格，都被看做一个空格。 一个空行也被看做一个空格。有些Tag能够将文本自成一段，而不需要使用来分段。比如斜体italicdel文字当中划线表示删除ins文字下划线表示插入sub下标sup上标blockquote缩进表示引用pre保留空格和换行code表示计算机代码，等宽字体示例HTML常用的格式Tag这个示例用了上述Tag，你可以

6、对比一下HTML的显示结果。如何看HTML的源代码在浏览器看到的HTML网页，是浏览器解释HTML源代码后产生的结果。要查看这个HTML的源代码，有两种方法。一是点击鼠标右键，点击View Source（查看源文件）命令；二是选择浏览器菜单View（查看）中的Source（源文件）命令。利用View Source得到网页的源代码，你可以由此借鉴一下别人写得好的地方。不过在你对HTML知识尚少的情况下，看别人复杂的HTML源代码，只会让你头晕。建议你还是再等等，先掌握一些基础再说。HTML特殊字符显示HTML字符实体（Character Entities）有些字符在HTML里有特别的含义，比如小

7、于号来表示超链接，英文叫anchor。可以指向任何一个文件源：一个HTML网页，一个图片，一个影视文件等。用法如下：a href=url链接的显示文字点击站长网 站长学院 title属性使用 title 属性，可以让鼠标悬停在超链接上的时候，显示该超链接的文字注释。 title = 站长网 站长学院网页教程与代码的中文站点站长网 站长学院网站如果希望注释多行显示，可以使用 作为换行符。站长网 站长学院&网页教程与代码的中文站点name属性使用name属性，可以跳转到一个文件的指定部位。使用name属性，要设置一对。一是设定name的名称，二是设定一个href指向这个name：#C1参见

8、第一章a name=C1第一章name属性通常用于创建一个大文件的章节目录（table of contents）。每个章节都建立一个链接，放在文件的开始处，每个章节的开头都设置Name属性。当用户点击某个章节的链接时，这个章节的内容就显示在最上面。如果浏览器不能找到Name指定的部分，则显示文章开头，不报错。链接到email地址在网站中，你经常会看到“联系我们”的链接，一点击这个链接，就会触发你的邮件客户端，比如Outlook Express，然后显示一个新建mail的窗口。可以实现这样的功能。a href = mailto:info联系新浪HTML相对路径（Relative Path）和绝对

9、路径（Absolute Path）HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接（hyperlink）？怎样在一个网页中插入一张图片？.（相关教程：HTML超链接；HTML图片）如果你在引用文件时（如加入超链接，或者插入图片等），使用了错误的文件路径，就会导致引用失效（无法浏览链接文件，或无法显示插入的图片等）。为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。HTML有2种路径的写法：相对路径和绝对路径。HTML相对路径（Relative Path）同一个目录的文件引用如果源文件和引用文件在同一个目录

10、里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:Inetpubwwwrootsitesblablainfo.html假设index.html路径是：Inetpubwwwrootsitesblablaindex.html在info.html加入index.html超链接的代码应该这样写：index.htmlindex.html如何表示上级目录./表示源文件所在目录的上一级目录，././表示源文件所在目录的上上级目录，以此类推。Inetpubwwwrootsitesindex.htm

11、l./index.htmlInetpubwwwrootindex.html././index.htmlInetpubwwwrootsiteswowstoryindex.html./wowstory/index.html如何表示下级目录引用下级目录的文件，直接写下级目录文件的路径即可。Inetpubwwwrootsitesblablahtmlindex.htmlhtml/index.htmlInetpubwwwrootsitesblablahtmltutorialsindex.htmlhtml/tutorials/index.htmlHTML绝对路径（Absolute Path）HTML绝对路径（absolute path）指带域名的文件的完整路径。假设你注册了域名假设你在www根目录下放了一个文件index.html，这个文件的绝对路径就是：假设你在www根目录下建了一个目录叫html_tutorials，然后在该目录下放了一个文件index.html，这个文件的绝对路径就是如何创建HTML表格HTML表格用表示。一个表格可以分成很多行（row）