H T M L 语 言 网页制作系列教程.ppt

H T M L 语 言 网页制作系列教程 HTML文件结构(Document Structures) HTML HEAD TITLE……TITLE META http-equiv=content-type content=“text/html; charset=gb2312” /HEAD BODY网页正文/BODY /HTML 背景色彩和文字色彩 body bgcolor=# text=# link=# alink=# vlink=# bgcolor --- 背景色彩 text --- 非可链接文字的色彩 link --- 可链接文字的色彩 alink --- 正被点击的可链接文字的色彩 vlink --- 已经点击(访问)过的可链接文字的色彩 #=rrggbb 色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. 背景图象 body background=image-URLNon Scrolling Background body bgproperties=FIXED 链接(Link) 基本语法 a href=URL ... /a 这是一个a href=“link.html”链接的例子/a。 锚点 a name=name ... /a a href=#name ... /a 链接(Link) 基本语法 开一个新的(浏览器)窗口 (Target Window) a href=URL target=Window_Name ... /a a href=window.html target=window_name开一个新窗口!/a 标尺线 hr hr size=# hr size=10 hr width=# hr width=50hr width=50% 　 hr align=# #=left, right hr width=50% align=lefthr width=50% align=right hr color=# #=rrggbb 16 进制 RGB 数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua hr color=red 字体(FONT)标记 标题字体(Header) h# ... /h# #=1, 2, 3, 4, 5, 6 h1今天天气真好！/h1 今天天气真好！ h2今天天气真好！/h2 今天天气真好！ hn---/hn 这些标记显示黑体字。 hn---/hn 这些标记自动插入一个空行，不必用 p 标记再加空行。因此在一行中无法使用不同大小的字体。 字体大小 font size=# ... /font #=1, 2, 3, 4, 5, 6, 7 font size=7今天天气真好！/font 今天天气真好！ font size=6今天天气真好！/font 今天天气真好！ 物理字体(Physical Style) b今天天气真好！/b 今天天气真好！ i今天天气真好！/i 今天天气真好！ u今天天气真好！/u 今天天气真好！ sup今天天气真好！/sup 今天天气真好！ sub今天天气真好！/sub 今天天气真好！ strike今天天气真好！/strike 今天天气真好！ 字体颜色 指定颜色 font color=# ... /font #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua font color=ffffffWhite/font font color=whiteWhite/font 字符实体(Entities) amp; lt; gt; quot; 文字布局(TEXT STYLE) 行的控制 段(Paragraph) (可以看作是空行) p 你好吗？p很好。 你好吗？ 很好。 换行 br 你好吗？br很好。 你好吗？ 很好。 不换行nobr nobr 请改变您浏览器窗口的宽度， 使之小于这一行的宽度， 看看这个标记的作用！/nobr 请改变您浏览器窗口的宽度，使