[文学]第2章 HTML语言.ppt

第二章 HTML语言 HTML语言简介 2.1页面标记 2.2字体标记 2.3图像标记 2.4超链接标记 2.5页面布局 2.6表格标记 2.7表单标记 2.8框架页面 2.9会移动的文字 2.10多媒体页面 2.1.1 HTML 文件结构 HTML文件的编写方法 手工编写页面 用可视化软件制作页面 Dreamweaver Frontpage 使用浏览器浏览HTML文件 查看页面效果 查看源文件 HTML文件的基本结构 HTML HTML文件开始 HEAD HTML文件的头部开始 ……… 　　HTML文件的头部内容 /HEAD HTML文件的头部结束 BODY HTML文件的正文开始 ………正文内容 /BODY HTML文件的正文结束 /HTMLHTML文件的结束 Html1.htm: html head title简单的HTML文件/title /head body Hello, world! 这里是内容区域！！ /body /html 编写HTML文件的注意事项 “”和“”是任何标记的开始和结束，中间不能有空格。 标记与标记之间可以嵌套。 在源代码中不区分大小写，所有标记均应在英文状态下输入。 任何回车和空格在源代码中不起作用。 HTML标记中可放置各种属性。 注释用以“!--”开始，和“--”结束。 2.1.2 元信息标记Meta meta标记的属性 http-equiv：字符集、刷新、自动跳转、转场效果、禁用缓存 name：关键字 content：关键字取值 (1)定义编辑工具：meta name=“generator” content=“value” (2)设定关键字：meta name=“keywords” content=“value” (3)设定描述：meta name=“discription” content=“value” (4)设定作者：meta name=“author” content=“value” (5)设定字符集：meta http-equiv=“content-type” content=“text/html;charset=value” (6)设定自动刷新：meta http-equiv=“refresh” content=“value” (7)设定自动跳转：meta http-equiv=“refresh” content=“value;url=value” (8)设定转场效果:meta http-equiv=“event” content=“revealtrans(duration=value, transition=number)” (9)设定网站建立的日期：meta name=“build” content=“2005.3.6” (10)说明版权:meta name=“copyright” content=“value” 2.1.3 背景颜色和文字色彩 body bgcolor=# text=# link=# alink=# vlink=# 注:#=rrggbb bgcolor 背景颜色 text 非可链接文字的色彩 link 可链接文字的色彩 alink 正被点击的可链接文字的色彩 vlink 已经被点击过(访问过)的可链接文字的色彩 例子：bgcolor.htm 2.1.4 背景图像 背景图象： body background=“image_URL” 背景图像必须是gif，png或jpg格式的图像文件。 背景图像固定不动： body bgproperties=fixed 例子：bgcolor2.htm 2.1.5 页边距 leftmargin 页面左边距 body leftmargin= topmargin 页面上边距 body topmargin= 2.1.6 标尺线 hr size=n width=n width=n% align=# color=# noshade hr hr size=10 hr width=50hr width=50% hr width=50% align=left hr noshade 无阴影 hr color=red 例子：hr.htm 2.2.1 标题字体 基本语法:hn………./hn n=1,2,3,4,5,6 n越大字体越小。 Para.htm： h1标题第一级/h1 h2标题第二级/h2 h3标题第三级/h3 h4标题第四级/h4 h5标题第五级/h5 h6标题第六级/h6 2.2.2 字体大小 Fontsi