2015网站设计HTML基础研讨.ppt

HTML对颜色的控制 16进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. #+rrggbb 16 进制 RGB 数码 下列英文名定义的色彩有：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 色彩值 Black=#000000 Silver=#c0c0c0银灰色 Gray=#808080 White=#FFFFFF Maroon=#800000红褐色 Red=#ff0000 Purple=#800080紫色 Fuchsia=#ff00ff粉玫色 Green=#00ff00 Lime=#00ff00亮绿色 Olive=#808000橄榄色 Yellow=#ffff00 Navy=#000080海蓝色 Blue=#0000ff Aqua=#00ffff粉绿色 body标签中有下列元素属： (1)bgcolor bgcolor属性表示XHTML文档的背景颜色。如：bgcolor=#CCFFCC。 加入背景颜色的设置： body BGcolor=“#000080” (2)text text属性表示XHTML文档的所有正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。 (3)超级链接颜色 link、vlink、alink分别控制普通超级链接、访问过的超级链接、当前活动超级链接颜色。 选择颜色的属性 案例：page8b.htm / page9A.htm 小结 手工编写HTML代码 了解了HTML的语法与结构 HTML的语法 HTML标记html 文件头标记head 文件标题标记title 文件体body 文本结构标记： 段落标记p 标题h1-h6 换行标记br/ 列表ulliol 缩进blockquote 空格：nbsp 文本的样式标记: strongemcite biubigsmall font size=“”color=“”face=“” 基本的页面设置: body BGcolor=“#000080” text=#990000 图片标记： img src=“image.url” alt=“图片名称” width=“X” height=“Y” / 链接标记： a href=“资源地址”链接信息/a 回顾HTML的内容 HTML是web的支柱，也是web页面的骨架、结构组织和实质内容，除了网页设计师之外其他人通常看不见它。如果没有它，web将不会存在。 HTML语言不属于任何软件和公司，可以在任何文本编辑器中编辑它，DW的核心就是一种HTML编辑器，尽管它远远超越了这点。 HTML由近100个代码元素组成。 HTML标签功能分类 HTML代码标签可以创建结构、应用格式化效果、生成交互性和可编辑性。 body/p/ul等创建了网页的段落结构。 hnemstrong定义了文本格式化效果。 a为对象生成链接交互功能。 Block：创建独立段落结构的标签为块元素。 Inline：指定行中结构的元素为内联元素或行内元素，它存在于另一个元素之中。 常用的HTML标签 标签 说明 结构 块 行内 !-- -- 注释 a 锚记。创建超链接 body 文档主体 blockquote 段落缩进 br/ 换行符 div 定义一个方框空间，用于页面布局的划分 em 强调，显示为斜体。 form 创建表单 标签 说明 结构 块 行内 h1-h6 标题，粗体。 head 指定文档头部 hr/ 水平线 html 文档的根元素 iframe 内联框架 img/ 图像 input/ 表单的输入 li 列表项 link/ 指定文档与外部资源之间的关系 meta/ 元数据 ol 有序列表。 标签 说明 结构 块 行内 p 独立段落 script 脚本 span 指定文档区域 strong 强调 style 调用CSS样式规则 table 表格 td 表格单元格 textarea 多行文本的输入元素 th 表格的标题元素 title 标题 tr 表格中的行 ul 无序列表 * 标记符用来定义HTML文件中的文字为粗体字。这一标记中的内容以粗体字显示 * 在 HTML 4 和 XHTML 中已经不再赞成使用它们了，早晚有一天将会消失。除 emstrong还在使用。建议使用样式表，会达到更加丰富的效果。 blink闪烁效果/blink IE浏览器不支持该属性。火狐浏览器支持。 * 空格实现的方法3： 在HTML中使用中文全角方式，输入两个空格。半角时不起作用。 * * 网站设计与制作 授课教师：北京林业大学