HTML代码--公开课件.ppt

HTML代码 HTML (HyperText Markup Language) 超文本标记语言。 标记可让浏览器了解怎样显示页面。 HTML 是一种标记语言，只要明白了各种标记的用法便算学懂了 HTML。 HTML 的格式非常简单，只是由文字及标记组合而成。 任何一个网页都是由HTML代码编写出来的。 你可用WYSIWYG (所见即所得)像FrontPage、Dreamweaver这样的编辑器来轻松编辑HTML文件。 不需要你非常熟悉HTML代码，但它们都是以HTML为基础的。 HTML文件必须以 htm或 html 为扩展名。 HTML文件可以使用简单的文字编辑器来创建，例如：记事本。 HTML的基本结构 试一试：请在记事本中输入以下代码。 HTML标记是由“”和“”括住的指令。 单标记指令、双标记指令。 双标记指令由起始标记“”和结束标记“/”构成。 常用单标记指令 br 换行标记 hr 插入一条水平线 常用双标记指令 p/p 段落标记，空一行。 b/b 粗体字 i/i 斜体字 u/u 底线字 center/center 居中 font/font 字体标记，设定字体、颜色和大小等。 size:大小，取值1、2、…… color:颜色，red、blue、……或16进制数表示的颜色值 face:字体，宋体、华文行楷、…… marquee/marquee 滚动字幕 试一试： 学会运用单标记指令、双标记指令。 例2： 练习3： 例2要求： 1、网页标题为“诗歌欣赏——溪流” 2、诗歌居中显示 3、诗歌标题“溪流”加粗，并在标题下有水平线 4、第一句诗：斜体、换行 5、第二句诗：下划线、换行 6、第三句诗：文字大小：5 、文字颜色：red、 文字字体：华文行楷、换行 7、第四句诗：滚动字幕 例3要求： 1、网页标题为“诗歌欣赏——咏鹅” 2、诗歌居中显示 3、诗歌标题“咏鹅”滚动显示，并在标题下有水平线 4、第一句诗：粗体、换行 5、第二句诗：斜体、下划线、换行 6、第三句诗：文字大小：4 、文字颜色：red、 文字字体：华文行楷、换行 7、第四句诗：文字大小：6 、文字颜色：#ff9900、 文字字体：华文彩云 超文本 指页面内包含图片、链接、甚至音乐、电影、程序等非文字的元素。 表格设置 table/table 常用属性： border：边框粗细 width：表格宽度 cellpadding：单元格边距(表格内文字与格线的距离) cellspacing：单元格间距（每个单元格之间的距离） 表格行：tr/tr 单元格：td/td 例：3行2列的表格代码(分析)： 框架设置 frameset/frameset 例子： 纵向排列多个窗口示例： frameset cols=30%,20%,50% frame src=“a.htm” frame src=“b.htm” frame src=“c.htm” /frameset 图片设置（图片属性） img src= ”图片路径及文件名” 常用属性： width、height：图片的宽、高 border：图片的边框粗细 alt：图片的标签（当鼠标移动到上面时显示） Hspace 图片的水平距离 Vspace 图片的垂直距离 视频设置（图片属性） img dynsrc=”视频文件路径及文件名” 常用属性：width、height、align、loop-1 练习3：将xxjs.avi文件拷入D盘根目录，用记事本制作如下代码的HTML文件。用浏览器查看效果。 html body img src=d:\dog.jpg width=200 alt=12345 img dynsrc=d:\xxjs.avi width=200 height=200 align=center loop=1 /body /html 背景颜色、背景图片（网页属性） body bgcolor=”颜色” 常用属性：text（文本）=”颜色” link（超链接）=”颜色” vlink（已访问的超链接）=”颜色” alink（当前超链接）= ”颜色” leftmargin（左边距）= 数值 topmargin（上边距）= 数值 body background= ”图片路径及文件名” 背景声音（网页属性） bgsound src= ” 声音文件路径及文件名” 常用属性：loop=2循环播放2次