第二节 网页设计.pptVIP

第二节 网页设计 一、HTML的结构概念 HTML—Hyper text Marked Language—超文本标记语言 html ----------------------------------- 文件开始标记head ? ----------------------------------文件头开始的标记 …….. 文件头的内容 /head? ---------------------------------文件头结束的标记 body -----------------------------------文件主体开始的标记 ……… 文件主体的内容 /body -----------------------------------文件主体结束的标记/html ---------------------------------------文件结束标记 (一)头部标记--- head 1、标题标记 语法：title…./title 2、元信息标记 语法：meta name=“keyword” content=“具体的关键字“ meta name=“author” meta name=“description” meta http-equiv-------语言的编码方式、字符集类型 meta http-equiv=“content-language” （二）页面的主体标记--- body 1、设置页面背景色 语法：body bgcolor=“颜色代码” .il/personalsite/s2/s2kta4/colors_cn.htm 2、设置背景图片 语法： body background=“文件链接地址” 图片不重复出现 style type=“text/css” body {background-repeat:no-repeat} /style repeat-x 水平方向平铺 Repeat-y 垂直方向平铺 练习一 标题：阳阳的世界 背景色：淡黄色 图片：不重复出现 3、设置文字颜色 语法：body text=“颜色代码” 4、设置边距(主体内容与浏览器边框之间的距离） 语法： body topmargin=上边距的值 leftmargin=左边距的值 二、文字与段落 （一）标题文字的建立 1、标题文字标记 语法：1级标题:h1…/h1 2级标题:h2…/h2 3级标题:h3…/h3 4级标题:h4…/h4 5级标题:h5…/h5 6级标题:h6…/h6 (二）标题文字的对齐方式 语法：align=对齐方式 left=左对齐 right=右对齐 center=居中 h1 align=……. (二）文字格式标记 语法：font……/font 1、设置文字字体---face 语法： font face=“字体1、字体2“应用字体的文字/font 2、设置字号----- size 语法： font size=“文字字号”/font 3、设置颜色---- color 语法： font color=“颜色代码“/font （三）粗体、斜体、下划线 语法：strong粗体的文字/strong em 斜体字/em u带下划线的文字/u strong…/strong=b…/b em…./em=i…/i=cite…/cite 练习二 标题---唐诗三百首 页面背景色---粉红色（FFCCFF） 背景图片----C:\Documents and Settings\Administrator\桌面\HTML实例\u=1247598047,2244480841fm=3gp=31.jpg（要求垂直方向平铺） 正文标题----登黄鹤楼（使用1号标题居中显示） 正文内容：白日依山尽（用隶书、7号字体、橙红色（FF6600）显示） 黄河入海流（华文楷体、7号字体、黄色（FFFF99），并 以带下划线的方式显示） 欲穷千里目（方正姚体、7号字体、蓝色（0033FF），并以粗体方式显示）