网页设计与制作论文.docVIP

网页设计与制作 1 HTML 1.1 HTML简介 1.1.1 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 1.1.2 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 1.1.3 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 1.1.4 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。 浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容： html body h1My First Heading/h1 pMy first paragraph./p /body /html 1.2 标签 元素 属性 1.2.1 什么是标签 HTML 文档和 HTML 元素是通过 HTML 标签进行标记的 HTML 标签由开始标签和结束标签组成 开始标签是被括号包围的元素名 结束标签是被括号包围的斜杠和元素名 某些 HTML 元素没有结束标签，比如 br / 1.2.2 什么是HTML元素 HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。 开始标签 元素内容 结束标签 p This is a paragraph /p a href=default.htm This is a link /a br / HTML 元素语法: HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性 1.2.3 HTML属性 HTML 属性 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。 属性总是以名称/值对的形式出现，比如：name=value。 属性总是在 HTML 元素的开始标签中规定。 属性实例 HTML 链接由 a 标签定义。链接的地址在 href 属性中指定： a href=This is a link/a 1.3 标题 段落 样式 1.3.1 HTML标题 标题（Heading）是通过 h1 - h6 等标签进行定义的。 h1 定义最大的标题。h6 定义最小的标题。 实例 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 1.3.2 HLML段落 段落是通过 p 标题定义的。 实例 pThis is a paragraph/p pThis is another paragraph/p 1.3.3 HTML样式 HTML 的 style 属性 style 属性的作用： 提供了一种改变所有 HTML 元素的样式的通用方法。 样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。 HTML 样式实例 - 背景颜色： background-color 属性为元素定义了背景颜色： html body style=background-color:yellow h2 style=background-color:redThis is a heading/h2 p style=background-color:greenThis is a paragraph./p /body /html 1.3.4 HTML链接 HTML 使用超级链接与网络上的另一个文档相连。 几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 链接语法 链接的 HTML 代码很简单。它类似这样： a href=urlLink text/a href 属性规定链接的目标。 开始标签和结束标签之间的文字被作为超级链接来显示。 实例 a href=/Visit W3School/a HTML 链接 - target 属性 使用 Target 属性，你可以