第6章Web网站建设.docVIP

/webclass/html/html_design.html 网络教程 6.1 使用HTML制作网页 6.1.1 HTML简介 HTML是标准通用型标注语言的一个应用，是一种对文档进行格式化的标注语言。扩展名：html，htm 。标记：用来对网页内容进行格式化和布局的命令和指令，用于对页面中的信息进行格式化和布局，定义页面在浏览器中查看的外观。指定超文本链接。 HTML元素 元素element ：组织文档的内容和定义文档的显示格式 容器 Start tag ，元素体，end tag 名称和属性 HTML文档的组成 html /html head /head body /body 文档头（1）窗口标题：提供对HTML文档的简单描述，它出现在浏览器的标题栏。 （2）脚本语言：脚本是一组由浏览器解释执行的语言 （3）样式定义： 用来将页面样式与内容相分离的级联样式单 （4）元数据： 提供了有关文档内容和主题的信息 文档体：包含了可以在浏览器显示的内容（1）文本（2）图像（3）链接 （4）多媒体和特定的编程事件 HTML文档的基本结构 html head title /title /head body ........./body /html 6.1.2 HTML常用元素 1、基本元素 1）窗口标题title Title元素是文档头中唯一必须出现的元素。长度不应超过64个字符 2）页面标题 六种分为 h1,h2,h3,h4,h5,h6 hn 还可以由对齐属性align，属性值可以为left，right，center，h2 align=center Chapter6 /h2〉 3）字体 1234567 默认为3号 basefontsize=字号〉设置默认的字号 font size=字号 b iutt 字体颜色 font color=# black , teal , olive , red , blue , maroon , navy , gray , lime , white ,green , purple , sliver , yellow , aqua blink /blink 闪烁 4） hr 横线 5） 分行和禁止分行 br nobr /nobr 6) 分段 p h2 This is a level Two Heading /h2 Paragraphy one p paragraph two p h2 This Is a Level Two Heading /h2 Paragraph one p Paragraph Two p p align=center This is a centered paragraph/p 7) 转意字符与特殊字符 HTML使用的字符集是ISO 859 Larin-1 的转意序列为 amps 或 #38， 的转义序列为lt 或者 #60 的转义序列为 gt 或者 #62 前者为字符转义序列后者为数字转义序列 注意： 转义序列各字符间不能有空格； 转义序列必须以“；”结束 ； 单独的 不被认为是转义开始 8） 背景和文本颜色 body background =“image-URL” body bgcolor=# text=# link=# alink=# vlink=# 9) 图像image img src =”image-URL 或者 img src=”image-URL” alt=”text” 文本与图像的间距用vspace=# 和 hspace=# 指定， # 是整数 单位是像素 10）列表list 无序列表； 有序列表， 自定义列表 dl 以它开始 dt Item1 列表条目用它引导 ddThe definition of item 1 说明用它 dtItem 2 dd Definition or explanation of item 2 /dl 2、超文本链接 两部分组成：由被指向的目标； 指向目标的链接 组成。 统一资源定位器（URL Uniform Resource Locator）protocol：//[：port]/directory/filename a name=”name”text /a 标记一个目标 a name=”name” text /a就把放置标记的地方做了一个叫做name的标记。做好标记后，可以用下列方法来指向它。a href=”URL#name” text /a 此处的URL是放置标记的HTML文档的URL，name是标记名。对于同