网页设计基础39235.pptVIP

网页设计基础知识 — 第二届网页设计大赛赛前交流课 ● Html基础语法知识（网页静态标签） ● 网页设计（photoshop知识运用） ● 网页切片技术 ● 网页排版技术（table+css） ● 综合实例运用 页面(PAGE)标记(TAGS) HTML 文件结构(Document Structures) html.../htmlhead.../headbody.../body 背景色彩和文字色彩 body bgcolor=# text=# link=# alink=# vlink=# bgcolor 背景色彩 text 非可链接文字的色彩 link 可链接文字的色彩 alink 正被点击的可链接文字的色彩 vlink 已经点击(访问)过的可链接文字的色彩 链接(Link) 基本语法 a href=URL“ target=Window_Name ... /a 这是一个a href=samp/link.html链接的例子/a。 点一下带下划线的文字! Window_Name： _blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 标尺线 hr size=# width=# align=# color=# 相应值 size：1、2、3、4……（+1、+2、+3……） width ： 1、2、3、4……（+1、+2、+3……） align：left, right ,center color：#rrggbb 16 进制 RGB 数码 或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 字体(FONT)标记(TAGS) 标题字体(Header) h# ... /h# #=1, 2, 3, 4, 5, 6 h1今天天气真好！/h1 今天天气真好！ h2今天天气真好！/h2 今天天气真好！ h3今天天气真好！/h3 今天天气真好！ h4今天天气真好！/h4 今天天气真好！ h5今天天气真好！/h5 今天天气真好！ h6今天天气真好！/h6 今天天气真好！ 字体大小 font size=# ... /font #=1, 2, 3, 4, 5, 6, 7 or +#, -# font size=7今天天气真好！/font 今天天气真好！ font size=6今天天气真好！/font 今天天气真好！ font size=5今天天气真好！/font 今天天气真好！ font size=4今天天气真好！/font 今天天气真好！ font size=3今天天气真好！/font 今天天气真好！ font size=2今天天气真好！/font 今天天气真好！ font size=1今天天气真好！/font 今天天气真好！ 物理字体(Physical Style) b今天天气真好！/b 今天天气真好！ i今天天气真好！/i 今天天气真好！ u今天天气真好！/u 今天天气真好！ s今天天气真好！/s 今天天气真好！ strike今天天气真好！/strike 今天天气真好！ 逻辑字体(Logical Style) strong今天天气真好！/strong 今天天气真好！ small今天天气真好！/small 今天天气真好！ big今天天气真好！/big 今天天气真好！ 指定“字体大小”的标记和“指定字体”的标记的组合使用 ifont size=5 b今天/b 天气font size=6 真好！/font /font/i 字体颜色 font color=# ... /font 文字布局(TEXT STYLE)标记(TAGS) 段(可以看作是空行) p /p 换行 /br 文字的对齐(Alignment) p align=#.../p #=left, center, right center.../center 列表 无序列表 ulli.../ul ulliTodayliTommorow/ul 有序列表 olli.../ol olliTodayliTommorow/ol 图象(IMAGE)标记(TAGS) 链入图象的基本语法 img src=# #=图象的 URL img alt=# #=在浏览器尚未完全读入图象时，在图象位置显示的文字。 图象和文字的对齐 img align=# #=top, middle, bottom,left