HTML语言与网页设计.doc

HTML语言与网页设计一、 简单网页示例：HTMLHEAD TITLE简单示例/TITLE/HEADBODY 欢迎光临我的网页！/BODY/HTML保存为SHILI.HTML二、 字体大小、颜色1、字体大小： . 其中，#=1, 2, 3, 4, 5, 6, 7 例1：欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！2、字体颜色：指定颜色 . ，其中#=rrggbb为16 进制数码或者具体颜色的英文单词，如果色彩是用 16 进制的 红绿蓝(red-green-blue, RGB) 值来表示。16 进制的数码有：0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f。 HTML色彩是用三个两位hex数来表示的。十六进制彩色的前两位数控制着红色的强度 ，接下来的两位数调整绿色，再后面的两位数控制蓝色。例如，亮红色用十六进制数FF0000来表示。该颜色拥有最多的红色（hexF=dec15）而不含蓝色或绿色。如果是预定义单词，则有Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 例2：欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！三、 行的控制1、 1、换行：是一个单独标记例3：欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！欢迎光临我的网页！2、段标记：(可以看作是空行)增加行间的距离，例4：你好吗？很好!欢迎光临我的网页！欢迎光临我的网页！3、文字的对齐(Alignment)： . . 其中#=left、 center、Right。表示居中，表示居左，表示居右。例5：4、空格标记： HTML语言只承认第一个空格例6：四、 背景颜色和背景图象1、 背景颜色标记为，其中#的值为色彩是用 16 进制的 红绿蓝(red-green-blue, RGB) 值来表示或预定义值。例7：背景颜色为绿色。2、背景图象标记为：背景图象 其中image-URL为图片的文件名称。如，见例8。五、 链接：从当前位置跳转到另一个位置基本语法 . 雪中梅花六、 表格（TABLE）表格的基本语法. - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据)1、带边框的表格： 姓名性别联系电话赵本山男123456 2、不带边框的表格：FoodDrinkSweetABC七、 图象(IMAGE)标记链入图象的基本语法，其中#为图象的 URL ，其中#=在浏览器尚未完全读入图象时，在图象位置显示的文字。 八、 文字的移动基本语法： . 啦啦啦，我会移动耶！文字移动属性的设置 1、方向 #=left, right啦啦啦，我从右向左移！ 啦啦啦，我从左向右移！ 2、方式 #=scroll, slide, alternate啦啦啦，我一圈一圈绕着走！ 啦啦啦，我只走一次就歇了！ 啦啦啦，我来回走耶！ 3、循环 #=次数；若未指定则循环不止(infinite)啦啦啦，我只走 3 趟哟！ 啦啦啦，我只走 3 趟哟！ 啦啦啦，我只走 3 趟哟！ 4、速度 啦啦啦，我走得好快哟！5、延时 啦啦啦，我走一步，停一停！ 九、 如何贴背景音乐1、隐藏播放器：在页面代码中的标记之间加入 这段代码。其中“loop”的数值是音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。 这种背景音乐是打开页面后直接播放的，在网页上不会有显示。这是最简单的一种。 2、显示播放器：这种方法则略微复杂一些，但可设置的参数也较多。仍是在网页代码中的标签之间加入一个“Embed”标签，其最简形式就像这样： 不同的是，在这里我们可以设置更多内容，以下是具体的说明： src 背景音乐的地址（即url）。autostart 是否自动播放，“true”为音乐文件读取完后立即播放，“false”则不立即播放，默认值为“false” loop 循环次数，设置为“true”为永远循环，“false”为仅播放一次，若设为任意一正整数，则循环所输入的次数。 volume 设置音量，取值范围是“0-100”，默认值为系统当前音量。 starttime 设置音乐开始播放的时间，格式是“分：秒”，如：starttime00:10，就是从第10秒开始播放。 endtime 设置音乐结束播放的时间，具体格式同上。 width 设置音乐播放控制面板的宽度。 height 设置音乐播放控制面板的高度。 controls 设置音乐播放控制面板的外观， “console”为通常面板； “smallconsole”为小型面板。 “playbu