html完整教程1

基本的HTML标签-四个实例HTML标题HTML标题（Heading）是通过h1-h6等标签进行定义的。实例h1Thisisaheading1/h1h2Thisisaheading2/h2h3Thisisaheading3/h3结果:Thisisheading1Thisisheading2Thisisheading3请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或CSS代替HTML链接HTML链接是通过a标签进行定义的。实例ahref=注释：在href属性中指定链接的地址。HTML段落HTML段落是通过p标签进行定义的。HTML图像HTML图像是通过img标签进行定义的。实例imgsrc=w3school.jpgwidth=104height=142/注释：图像的名称和尺寸是以属性的形式提供的。HTML元素HTML文档是由HTML元素定义的。HTML元素HTML元素指的是从开始标签（starttag）到结束标签（endtag）的所有代码。开始标签元素内容结束标签pThisisaparagraph/pahref=default.htmThisisalink/abr/注释：开始标签常被称为开放标签（openingtag），结束标签常称为闭合标签（closingtag）。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标签对大小写不敏感：P等同于p。许多网站都使用大写的HTML标签。W3School使用的是小写标签，因为万维网联盟（W3C）在HTML4中推荐使用小写，而在未来(X)HTML版本中强制使用小写。HTML属性属性为HTML元素提供附加信息。HTML属性HTML标签可以拥有属性。属性提供了有关HTML元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=value。属性总是在HTML元素的开始标签中规定。属性实例HTML链接由a标签定义。链接的地址在href属性中指定：ahref=更多HTML属性实例属性例子1:h1定义标题的开始。h1align=center拥有关于对齐方式的附加信息。属性例子2:body定义HTML文档的主体。bodybgcolor=yellow拥有关于背景颜色的附加信息。属性例子3:table定义HTML表格。（您将在稍后的章节学习到更多有关HTML表格的内容）tableborder=1拥有关于表格边框的附加信息。HTML提示：使用小写属性属性和属性值对大小写不敏感。不过，万维网联盟在其HTML4推荐标准中推荐小写的属性/属性值。而新版本的(X)HTML要求使用小写属性。始终为属性值加引号属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='BillHelloWorldGates'HTML属性参考手册我们的完整的HTML参考手册提供了每个HTML元素可使用的合法属性的完整列表：下面列出了适用于大多数HTML元素的属性：属性值描述classclassname规定元素的类名（classname）idid规定元素的唯一idstylestyle_definition规定元素的行内样式（inlinestyle）titletext规定元素的额外信息（可在工具提示中显示）HTML标题在HTML文档中，标题很重要。HTML标题标题（Heading）是通过h1-h6等标签进行定义的。h1定义最大的标题。h6定义最小的标题。实例h1Thisisaheading/h1h2Thisisaheading/h2h3Thisisaheading/h3注释：浏览器会自动地在标题的前后添加空行。注释：默认情况下，HTML会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。标题很重要请确保将HTMLheading标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将h1用作主标题（最重要的），其后是h2（次重要的），再其次是h3，以此类推。HTML水平线hr/标签在HTML页面中创建水平线。hr元素可用于分隔内容。实例pThisisaparagraph/phr/pThisisaparagraph/phr/pThisisaparagraph/p提示：使用水平线(hr标签)来分隔文章中的小节是一个办法（但并不是唯一的办法）。HTML注释可以将注释插入HTML代码中，这样可以提高其可读性，使代码更易被人理解。浏览器会忽略注释，也不会显示它们。注释是这样写的：实例!--Thisisacomment--注释：开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要。提示：合理地使用注释可以对未来的代码编辑工作产生帮助。HTML提示-如何查看源代码您一定曾经在看到某个网页时惊叹道“WOW!这是如何实现的？”如果您想找到其中的奥秘，只需要单击右键，然后选择“查看源文件”（IE）或“查看页面源代码”（Firefox），其他浏览器的做法也是类似的。这么做会打开一个包含页面HTML代码的窗口。HTML标签参考手册W3School的标签参考手册提供了有关这些标题及其属性的更多信息。您将在本教程下面的章节中学到更多有关HTML标签和属性的知识。标签描述html定义HTML文档。body定义文档的主体。h1toh6定义HTML标题hr定义水平线。!--定义注释。HTML段落可以把HTML文档分割为若干段落。HTML段落段落是通过p标签定义的。实例pThisisaparagraph/ppThisisanotherparagraph/p注释：浏览器会自动地在段落的前后添加空行。（p是块级元素）提示：使用空的段落标记p/p去插入一个空行是个坏习惯。用br/标签代替它！（但是不要用br/标签去创建列表。不要着急，您将在稍后的篇幅学习到HTML列表。）不要忘记结束标签即使忘了使用结束标签，大多数浏览器也会正确地将HTML显示出来：实例pThisisaparagraphpThisisanotherparagraph上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。注释：在未来的HTML版本中，不允许省略结束标签。提示：通过结束标签来关闭HTML是一种经得起未来考验的HTML编写方法。清楚地标记某个元素在何处开始，并在何处结束，不论对您还是对浏览器来说，都会使代码更容易理解。HTML折行如果您希望在不产生一个新段落的情况下进行换行（新行），请使用br/标签：pThisisbr/aparabr/graphwithlinebreaks/pbr/元素是一个空的HTML元素。由于关闭标签没有任何意义，因此它没有结束标签。br还是br/您也许发现br与br/很相似。在XHTML、XML以及未来的HTML版本中，不允许使用没有结束标签（闭合标签）的HTML元素。即使br在所有浏览器中的显示都没有问题，使用br/也是更长远的保障。HTML输出-有用的提示我们无法确定HTML被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。对于HTML，您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行（换行）也被显示为一个空格。（这个例子演示了一些HTML格式化方面的问题）。更多实例更多段落段落的默认行为。HTML标签参考手册W3School的标签参考手册提供了有关HTML元素及其属性的更多信息。标签描述p定义段落。br/插入单个折行（换行）。