HTML语与网页设计.docVIP

HTML语言与网页设计 简单网页示例： 〈HTML〉 〈HEAD〉 〈TITLE〉简单示例〈/TITLE〉 〈/HEAD〉 〈BODY〉 欢迎光临我的网页！ 〈/BODY〉 〈/HTML〉 保存为SHILI.HTML 字体大小、颜色 1、字体大小：font size=# ... /font 其中，#=1, 2, 3, 4, 5, 6, 7 例1：BODY FONT SIZE=1欢迎光临我的网页！/FONT FONT SIZE=2欢迎光临我的网页！/FONT FONT SIZE=3欢迎光临我的网页！/FONT FONT SIZE=4欢迎光临我的网页！/FONT FONT SIZE=5欢迎光临我的网页！/FONT BODY 2、字体颜色：指定颜色 font color=# ... /font，其中#=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：BODY FONT SIZE=1 COLOR=RED欢迎光临我的网页！/FONT FONT SIZE=2 COLOR=GREEN欢迎光临我的网页！/FONT FONT SIZE=3 COLOR=BLUE欢迎光临我的网页！/FONT FONT SIZE=4 COLOR=GRAY欢迎光临我的网页！/FONT FONT SIZE=5 COLOR=PURPLE欢迎光临我的网页！/FONT BODY 行的控制 1、换行：br是一个单独标记 例3：BODY FONT SIZE=1 COLOR=RED欢迎光临我的网页！/FONTBR FONT SIZE=2 COLOR=GREEN欢迎光临我的网页！/FONTBR FONT SIZE=3 COLOR=BLUE欢迎光临我的网页！/FONTBR FONT SIZE=4 COLOR=GRAY欢迎光临我的网页！/FONT BODY 2、段标记：(可以看作是空行)增加行间的距离，p 例4：BODY FONT SIZE=4 COLOR=RED你好吗？/FONTP FONT SIZE=4 COLOR=GREEN很好!/FONTP FONT SIZE=3 COLOR=BLUE欢迎光临我的网页！/FONTBR FONT SIZE=4 COLOR=GRAY欢迎光临我的网页！/FONT BODY 3、文字的对齐(Alignment)：p align=# ... ... /p?? 其中#=left、 center、Right。P align=center表示居中，P align=left表示居左，P align=right表示居右。 例5： 4、空格标记：nbsp HTML语言只承认第一个空格 例6： 背景颜色和背景图象 背景颜色标记为body bgcolor=# ，其中#的值为色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示或预定义值。 例7：背景颜色为绿色BODY BGCOLOR=GREEN。 2、背景图象标记为：背景图象 body background=image-URL 其中image-URL为图片的文件名称。 如BODY BACKGROUND=“HUACAO.JPEG”，见例8。 链接：从当前位置跳转到另一个位置 基本语法 a href=URL ... /a BODY A HREF=”XXX.HTML” 雪中梅花/A BODY 表格（TABLE） 表格的基本语法 table.../table - 定义表格tr - 定义表行th - 定义表头td - 定义表元(表格的具体数据) 1、带边框的表格： table border trth姓名/thth性别/thth联系电话/th/TR trtd赵本山/tdtd男/tdtd123456/td /TR /table 2、不带边框的表格： table trthFood/ththDrink/ththSweet/th trtdA/tdtdB/tdtdC/td /table 图象(IMAGE)标记