网页设计策划学习.pptVIP

WEB设计技术; 要把信息发布到全球，就必须要使用一种大多数计算机或者浏览器能够识别的语言。 在Internet上，通常使用的发布语言是HTML (HyperText Markup Language，超文本标记语言)。; 2.1 编辑与运行环境 HTML语言是一个纯文本文件，用户可以采用文本编辑器(常用为记事本)进行编写网页，通过浏览器来解释执行。; 2.2 基本语法结构及文件结构 一个HTML文件是由一系列的元素和标签组成。 元素指逻辑上统一的对象，例如标题、网页主体等。 标签用来分割和描述这些元素。 单独标签 语法：标签名称 /;1．html…/html html标记用于HTML文档的最前边，用来标识HTML文档的开始。而/html标记相反，它放在HTML文档的最后边，用来标识HTML文档的结束，两个标记必须一起使用。 ;2．head…/head head和/head构成HTML文档的???头部分，在此标记对之间可以使用title…/title、script…/script等标记对。 ;3．body…/body body和/body是HTML文档的主体部分，在此标记对之间可包含p…/p、h1…/h1、br、hr等众多的标记。 ;第一个HTML文件示例;html head title欢迎来到我的个人网页/title /head body 网页内容 /body /html;2.3 书写注意事项 “”是所有标记的开始和结束，元素的标记要用这对尖括号括起来，并且结束的标记总是在开始的标记前加一个“/”。 标签与标签之间是可以互相嵌套的。 在源代码中不区分大小写。;回车键和空格键在源代码中不起作用，为使代码清晰，建议不同的标记之间回车编写。 属性值也可以直接书写，即双引号可以省略。 代码中以!--开始和以--结束的代码为注释代码，便于网页阅读。 ; Xhtml 1.0规范 所有的标记都必须有一个相应的结束标记。 标签与标签之间合理嵌套。 源代码必须小写。 属性值必须用双引号括起来。 每个属性必须赋值。 ;2.4 Body标签中的基本属性 Text属性—设置页面文字颜色 语法： body text=“颜色值” 所有颜色表示方式为两种：十六进制（RGB）或英文颜色名称。如红色为red或者#ff0000。 Bgcolor—设置背景颜色 语法： body bgcolor=“颜色值”;Background—设置背景图片 语法： body background=“背景图片所在位置” 背景图片所在位置的路径必须要描述正确，否则可能导致网页背景无法正常预览。;link属性—设置默认没有单击过的连接文字颜色 alink属性—设置鼠标按下链接文字时候的链接文字颜色 vlink属性—设置单击过的链接文字颜色。 语法 body link=“颜色” alink=“颜色” vlink=“颜色” 在浏览器默认的情况下，链接文字的颜色为蓝色，访问过的文字颜色为紫红色。;topmargin属性—设置上边距 语法： body topmargin=“值” leftmargin属性—设置左边距 语法： body leftmargin=“值” ;第二个HTML文件示例;html head title欢迎来到我的个人网页/title /head body text=“#ff0000” background=“bg.jpg” topmargin=“80” center欢迎来到我的站点/center /body /html;2.5 文字编排 1、 段落与换行 换行控制标记br / 语法：前一行文字br /后一行文字 分段控制标记p 语法：p段落文字/p ;p的属性有align 其属性可选值：right left（默认） center 语法：p align=“参数值”段落文字/p 2、预格式化标记pre 语法：pre段落文字/pre;3、 居中对齐 语法：center居中文字/center 4、 插入水平线 语法：hr align=“参数值” size=“参数值” width=“参数值” color=“参数值” noshade=“noshade” /;5、插入特殊符号;第一个HTML文件示例;html head title文字编排实例/title /head body background=pic104.jpg center 沁园春nbsp;nbsp;雪 (1936.02 ) hr width=50% size=5 color=red noshade=“noshade 北国风