HTML速成教程

岳阳竞网主要内容和目的内容—介绍HTML常用标记。目的—帮助对HTML语言不熟悉的快速掌握常用标记的使用。为什么要学习HTML语言网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。简介是万维网（WorldWideWeb）的缩写，也可以简称为Web，中文名字为“万维网”。万维网，是一个资料空间。在这个空间中：一样有用的事物，称为一样“资源”；并且由一个全域“统一资源标识符”（URL）标识。这些资源通过超文本传输协议(HypertextTransferProtocol）传送给使用者，而后者通过点击链接来获得资源。从另一个观点来看，万维网是一个透过网络存取的互连超文件(interlinkedhypertextdocument）系统。万维网联盟（WorldWideWebConsortium，简称W3C），又称W3C理事会。1994年10月在拥有“世界理工大学之最”称号的麻省理工学院(MIT）计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。万维网常被当成因特网的同义词，但万维网与因特网有着本质的差别。因特网（Internet）指的是一个硬件的网络，全球的所有电脑通过网络连接后便形成了因特网。而万维网更倾向于一种浏览网页的功能。什么是HTML文件？超文本标记语言，即HTML（HypertextMarkupLanguage），是用于描述网页文档的一种标记语言。一个HTML文件的后缀名是.htm或者是.html。用文本编辑器就可以编写HTML文件。HTML元素与标签•网页文档的结构和格式的定义是由HTML元素来完成的，HTML元素是由单个或一对标签定义的包含范围。bodyfontcolor=“red”第一个网页/font/body开始标签结束标签属性/值内容HTML元素与标签HTML标记标签通常被称为HTML标签。•HTML标签是由尖括号包围的关键词，比如html•HTML标签通常是成对出现的，比如b和/b•标签对中的第一个标签是开始标签，第二个标签是结束标签•开始和结束标签也被称为开放标签和闭合标签HTML网页htmlbodyh1MyFirstHeading/h1pMyfirstparagraph./p/body/htmlHTML网页例子解释html与/html之间的文本描述网页body与/body之间的文本是可见的页面内容h1与/h1之间的文本被显示为标题p与/p之间的文本被显示为段落HTML标签HTML标题HTML标题（Heading）是通过h1-h6等标签进行定义的。实例h1Thisisaheading/h1h2Thisisaheading/h2h3Thisisaheading/h3….HTML标签HTML段落HTML段落是通过p标签进行定义的。实例pThisisaparagraph./ppThisisanotherparagraph./pHTML标签HTML链接HTML链接是通过a标签进行定义的。实例ahref=“”岳阳竞网/aHTML标签HTML图像HTML图像是通过img标签进行定义的。实例imgsrc=logo.jpgwidth=104height=142/HTML标签换行通过使用br这个标签，可以在不新建段落的情况下换行。br没有结束标签。用p换行是个坏习惯，正确的是使用br。htmlbodyp要br在一段br里br换行br请使用brbr这个Tag。/p/body/htmlHTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=“value”。属性总是在HTML元素的开始标签中规定。HTML属性实例属性例子1:h1定义标题的开始。h1align=“center”拥有关于对齐方式的附加信息。TIY:居中排列标题属性例子2:body定义HTML文档的主体。bodybgcolor=“yellow”拥有关于背景颜色的附加信息。TIY:背景颜色属性例子3:table定义HTML表格。tableborder=“1”拥有关于表格边框的附加信息。提示属性和属性值对大小写不敏感。不过，万维网联盟在其推荐标准中推荐小写的属性/属性值。而XHTML要求使用小写的属性/属性值。始终为属性值加引号属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='BillHelloWorldGates'HTML注释在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人日后能够更好地理解你的代码。注释可以写在!--和--之间。浏览器是忽略注释的，你不会在HTML正文中看到你的注释。htmlbody!--这是代码注释--p代码注释是不会显示在网页里的。/p/body/html提示不要忘记结束标签即使您忘记了使用结束标签，大多数浏览器也会正确地显示HTML：pThisisaparagraphpThisisaparagraph上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。注释：未来的HTML版本不允许省略结束标签。提示空的HTML元素没有内容的HTML内容被称为空元素。空元素是在开始标签中关闭的。br/就是没有关闭标签的空元素（br/标签定义换行）。在XHTML、XML以及未来版本的HTML中，所有元素必须被关闭。在开始标签中添加斜杠，比如br/，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使br在所有浏览器中都是有效的，但使用br/其实是更长远的保障。提示使用小写标签HTML标签对大小写不敏感：P等同于p。许多网站都使用大写的HTML标签。万维网联盟（W3C）在HTML4中推荐使用小写，而在未来(X)HTML版本中强制使用小写。HTML相对路径(RelativePath)HTML相对路径同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。假设info.html路径是：c:\Inetpub\假设index.html路径是：c:\Inetpub\在info.html加入index.html超链接的代码应该这样写：ahref=index.htmlindex.html/aHTML绝对路径(AbsolutePath)HTML绝对路径(absolutepath)指带域名的文件的完整路径。假设你注册了域名，并申请了虚拟主机，你的虚拟主机提供商会给你一个目录，比如，这个就是你网站的根目录。假设你在这个文件的绝对路径就是：。假设你在，然后在该目录下放了一个文件index.html，这个文件的绝对路径就是。HTML样式style属性用于改变HTML元素的样式提供了一种改变所有HTML元素的样式的通用方法。样式是HTML4引入的，它是一种新的首选的改变HTML元素样式的方式。通过HTML样式，能够通过使用style属性直接将样式添加到HTML元素，或者间接地在独立的样式表中（CSS文件）进行定义。HTML样式实例-背景颜色background-color属性为元素定义了背景颜色：htmlbodystyle=background-color:yellowh2style=background-color:redThisisaheading/h2pstyle=background-color:greenThisisaparagraph./p/body/html*style属性淘汰了“旧的”bgcolor属性。HTML样式实例-字体、颜色和尺寸font-family、color以及font-size属性分别定义元素中文本的字体系列、颜色和字体尺寸：htmlbodyh1style=font-family:verdanaAheading/h1pstyle=font-family:arial;color:red;font-size:20px;Aparagraph./p/body/htmlHTML样式实例–文本对齐text-align属性规定了元素中文本的水平对齐方式：htmlbodyh1style=text-align:centerThisisaheading/h1pTheheadingaboveisalignedtothecenterofthispage./p/body/htmlHTML链接超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。一般情况下当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。我们通过使用a标签在HTML中创建链接。有两种使用a标签的方式：1.通过使用href属性-创建指向另一个文档的链接2.通过使用name属性-创建文档内的书签HTML链接HTML链接语法链接的HTML代码很简单。它类似这样：ahref=“url”链接文字或图片/ahref属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。实例ahref=“”岳阳竞网/aahref=“”imgsrc=“logo.gif”//aHTML链接—target属性使用Target属性，你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档：ahref=“”target=“_blank“岳阳竞网/a四种值：_blank在新窗口打开_parent在父窗口打开_self在本窗口打开_top在上一级窗口打开HTML链接—name属性name属性规定锚（anchor）的名称name属性用于创建HTML内部的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（namedanchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。命名锚的语法：aname=“label”锚文本/aHTML链接—name属性实例HTML文档内部的已命名的锚：aname=“tips”UsefulTipsSection/a然后，我们创建指向相同文档中“有用的提示”部分的链接：ahref=#tipsVisittheUsefulTipsSection/a或者，创建从另一个页面指向该文档中“有用的提示”部分的链接：ahref=“”链接文字/a在上面的代码中，我们将#符