网页设计与制作(代码介绍).docxVIP

网页设计与制作 (HTML基本语言 ) 网页设计与制作 一、 HTML基本语言： 1.HTML基本语法：（如图） html..../html: 表示 HTML文档的开始和结束 head,/head : 表示 HTML文档的头部。最常用的标记是 title , /title,title 标记中的内容对应浏览窗口标题的信息。 body,/dody ： body标记之内的内容对应的是浏览器中的内容。 2.body 标记的使用：（如图） Bgcolor= 颜色 : 设置页面背景色。 Background= 图像文件的名字及路径 ：设置背景文件。 Text= 颜色 ：设置页面文字默认颜色。 标记属性用来对标记之间的内容修饰，标记其属性必须放到 “ ” 中，各属性间必须用 ．．．．．．．．．．．．．．．．．．．．．．．．．． ．．．．．．．．．．．．． 空格隔开。 ．．．．． 色彩的表示方法有两各种： 1.RGB 模式，用 16 进制的红 (Red) 、绿 (Green) 、蓝 (Blue) 的 值来表示，格式为“ #RRGGBB”，字符包括数字 0～ 9 和字母 A～ F，如红色为“ #FF0000” 2. 用英文单词表示彩色，如红色“ red ”。 二、常用的 HTML标记及其属性制作网页 ①： 页面属性、排版标志 . 标题标记： 格式： h#...h#, 其中“ #”的取值范国为 1（字体最大）～ 6（字体最小） 。 作用：设置文档的各级标题。 常见属性： align, 用于定义标题的对齐方式，默认为左对齐， ①. 以下标记都出现在 body中出现 , 标记必须以成对出现，如 body.../dody. - 1 - 网页设计与制作 (HTML基本语言 ) 标题标记属性： （如表） 值 表示的对方试 示例 left 左对齐 h1 align=left 文字内容 h1 right 右对齐 h1 align=right 文字内容 h1 center 居中对齐 h1 align=center 文字内容 h1 ⑵ . 版面格式标记 ① . 分段与换行：（如表） 标记名称 格式 作用 段落标记 p.../p 或者 p 使标记后面的内容另起一段。常用属性： align, 用于定 义段落的对齐方式，与标题标记类似 换行标记 ...br 使标记后面的文字内容换行显示 ② .文本对齐标记 可以在 p标记中使用 align 属性指定文本对齐方式。另外，居中对齐可以通过居中对 齐方式进行设置。 格式： center? center 作用：使标记间的内容以居中对齐方式显示。 ③ .水平线标记 格式： hr 作用：在文档中插入水平线。 常用水平线标记属性： （如表） 属性名称 属性含义 示例 align 定义水平线的对齐方式，默认为“center” 右对齐水平线 :hr align=right color 定义水平线的颜色 绿色水平线： hr color=green noshade 定义水平线为无阴影 无 阴 影 水 平 线 ： hr noshade color=green size 定义水平线的宽度，单位默认为像素 宽度为 4 像 素 的 水 平 线 :hr size=4 width 定义水平线的长度，单位为像素或百分比 占页面宽 度 80% 的水平线： hr （相于页面宽度） width=80% ④ .字体标记 格式： font ?/font 作用：设置标记间文体的字体、大小、颜色等。 常用字体标记属性： （如表） 属性名称 属性含义 示例 face 设置标记间文本的字体 font face= 隶书 文字内容 /font size 设置标记间文本的大小， 取值范围为 1～ 7 font size=2 文字内容 /font color 设置标记间文本的颜色 font color=red 文字内容 /font title 设置鼠标指向文本时，出现的提示信息 font title= 信息 文字内容 /font .字体修饰标记 作用：设置标记间文本的样式，如粗体、斜体、下划线等。 - 2 - 网页设计与制作 (HTML基本语言 ) 字体修饰标记（如表） 功能 格式 粗体 b... /b 或者 strong... /strong 斜体 i... /i 下划线 u... /u 上标 sup... /sup 下标 sub... sub 删除线 s... /s或者 strike... /strike 大字体 big... /big 小字体 small... /small .特殊字符 作用：在页面上显示特殊符号。 特殊字符（如表） 字符名称 显示结果 nbsp; 空格 lt; （小于号） gt; ( 大于号 ) quot; ( 双引号 ) c