搜索
HTML文档描述网页HTML文档包含HTML标签和纯文本HTML文档也被称为网页html与/html之间的文本描述网页body与/body之间的文本是可见的页面内容h1与/h1之间的文本被显示为标题p与/p之间的文本被显示为段落1.标题（Heading）是通过h1-h6等标签进行定义的。2.段落p3.链接aahref=注释：在href属性中指定链接的地址。4.图像img注释：图像的名称和尺寸是以属性的形式提供的。imgsrc=w3school.jpgwidth=104height=142/5.换行br6.水平线hr/三、HTML元素HTML文档是由HTML元素定义的。HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。HTML元素语法HTML元素以开始标签起始HTML元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些HTML元素具有空内容（emptycontent）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数HTML元素可拥有属性嵌套的HTML元素大多数HTML元素可以嵌套（可以包含其他HTML元素）。HTML文档由嵌套的HTML元素构成。HTML文档实例htmlbodypThisismyfirstparagraph./p/body/html上面的例子包含三个HTML元素。HTML实例解释p元素：pThisismyfirstparagraph./p这个p元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签p，以及一个结束标签/p。元素内容是：Thisismyfirstparagraph。body元素：bodypThisismyfirstparagraph./p/bodybody元素定义了HTML文档的主体。这个元素拥有一个开始标签body，以及一个结束标签/body。元素内容是另一个HTML元素（p元素）。html元素：htmlbodypThisismyfirstparagraph./p/body/htmlhtml元素定义了整个HTML文档。这个元素拥有一个开始标签html，以及一个结束标签/html。元素内容是另一个HTML元素（body元素）。不要忘记结束标签即使您忘记了使用结束标签，大多数浏览器也会正确地显示HTML：pThisisaparagraphpThisisaparagraph上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。注释：未来的HTML版本不允许省略结束标签。空的HTML元素没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。br就是没有关闭标签的空元素（br标签定义换行）。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。在开始标签中添加斜杠，比如br/，是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。即使br在所有浏览器中都是有效的，但使用br/其实是更长远的保障。HTML属性属性为HTML元素提供附加信息。HTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=value。属性总是在HTML元素的开始标签中规定。属性实例HTML链接由a标签定义。链接的地址在href属性中指定：ahref=更多HTML属性实例属性例子1:h1定义标题的开始。h1align=center拥有关于对齐方式的附加信息。TIY:居中排列标题属性例子2:body定义HTML文档的主体。bodybgcolor=yellow拥有关于背景颜色的附加信息。TIY:背景颜色属性例子3:table定义HTML表格。（您将在稍后的章节学习到更多有关HTML表格的内容）tableborder=1拥有关于表格边框的附加信息。下面列出了适用于大多数HTML元素的属性：属性值描述classclassname规定元素的类名（classname）idid规定元素的唯一idstylestyle_definition规定元素的行内样式（inlinestyle）titletext规定元素的额外信息（可在工具提示中显示）HTML标题标题很重要请确保将HTMLheading标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将h1用作主标题（最重要的），其后是h2（次重要的），再其次是h3，以此类推。HTML水平线hr/标签在HTML页面中创建水平线。hr元素可用于分隔内容。实例pThisisaparagraph/phr/pThisisaparagraph/phr/pThisisaparagraph/pHTML注释可以将注释插入HTML代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。注释是这样写的：实例!--Thisisacomment--HTML标签参考手册标签描述html定义HTML文档。body定义文档的主体。h1toh6定义HTML标题hr定义水平线。!--定义注释。HTML段落可以把HTML文档分割为若干段落。HTML段落段落是通过p标签定义的。实例pThisisaparagraph/ppThisisanotherparagraph/pHTML折行如果您希望在不产生一个新段落的情况下进行换行（新行），请使用br/标签：pThisisbr/aparabr/graphwithlinebreaks/pHTML标签参考手册W3School的标签参考手册提供了有关HTML元素及其属性的更多信息。标签描述p定义段落。br/插入单个折行（换行）。HTML文本格式化HTML可定义很多供格式化输出的元素，比如粗体和斜体字。文本格式化标签标签描述b定义粗体文本。big定义大号字。em定义着重文字。i定义斜体字。small定义小号字。strong定义加重语气。sub定义下标字。sup定义上标字。ins定义插入字。del定义删除字。s不赞成使用。使用del代替。strike不赞成使用。使用del代替。u不赞成使用。使用样式（style）代替。“计算机输出”标签标签描述code定义计算机代码。kbd定义键盘码。samp定义计算机代码样本。tt定义打字机代码。var定义变量。pre定义预格式文本。listing不赞成使用。使用pre代替。plaintext不赞成使用。使用pre代替。xmp不赞成使用。使用pre代替。引用、引用和术语定义标签描述abbr定义缩写。acronym定义首字母缩写。address定义地址。bdo定义文字方向。blockquote定义长的引用。q定义短的引用语。cite定义引用、引证。dfn定义一个定义项目。改变文本的外观和含义HTML编辑器HTMLCSS通过使用HTML4.0，所有的格式化代码均可移出HTML文档，然后移入一个独立的样式表。如何使用样式当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：外部样式表当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。headlinkrel=stylesheettype=text/csshref=mystyle.css/head内部样式表当单个文件需要特别样式时，就可以使用内部样式表。你可以在head部分通过style标签定义内部样式表。headstyletype=text/cssbody{background-color:red}p{margin-left:20px}/style/head内联样式当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何CSS属性。以下实例显示出如何改变段落的颜色和左外边距。pstyle=color:red;margin-left:20pxThisisaparagraph/p标签描述style定义样式定义。link定义资源引用。div定义文档中的节或区域（块级）。span定义文档中的行内的小块或区域。font规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。basefont定义基准字体。不赞成使用。请使用样式。center对文本进行水平居中。不赞成使用。请使用样式。HTML链接HTML使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。创建超级链接htmlbodypahref=/index.html本文本/a是一个指向本网站中的一个页面的链接。/ppahref=本文本/a是一个指向万维网上的页面的链接。/p/body/html将图像作为链接htmlbodyp您也可以使用图像来作链接：ahref=/example/html/lastpage.htmlimgborder=0src=/i/eg_buttonnext.gif//a/p/body/htmlHTML链接语法链接的HTML代码很简单。它类似这样：ahref=urlLinktext/ahref属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。实例ahref=链接-target属性使用Target属性，你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档：ahref==_blankVisitW3School!/aHTML链接-name属性name属性规定锚（anchor）的名称。您可以使用name属性创建HTML页面中的书签。书签不会以任何特殊方式显示，它对读者是不可见的。当使用命名锚（namedanchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。命名锚的语法：aname=label锚（显示在页面上的文本）/a实例首先，我们在HTML文档中对锚进行命名（创建一个书签）：aname=tips基本的注意事项-有用的提示/a然后，我们在同一个文档中创建指向该锚的链接：ahref=#tips有用的提示/a您也可以在其他页面中创建指向该锚的链接：ahref=有用的提示/a在上面的代码中，我们将#符号和锚名称添加到URL的末端，就可以直接链接到tips这个命名锚了。在新的浏览器窗口打开链接htmlbodyahref=