文档介绍：HTML基础与层叠样式单CSS
学****要点:
。
。
、浮动帧标记。
。
。
HTML基础与层叠样式单CSS
学****Web开发技术,必须首先熟悉HTML的常用标记,熟悉其含义和作用。另外每一个HTML标记或者称为HTML元素(有时也称HTML标签)都可看成一个在浏览器中显示的对象。层叠样式单CSS的作用就是为网页上的HTML元素精确地定位,控制HTML元素的外观显示,可以把网页上的显示内容和显示外观相分离。
第2章 HTML基础与层叠样式单CSS
HTML基础
层叠样式单CSS
案例名称:HTML网页框架
案例名称:HTML网页框架
程序名称:2-
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY></BODY>
</HTML>
这是一段最基本的HTML标识,任何HTML文档都是由一个<HTML>和</HTML>标记包含的,然后分为<HEAD>和<BODY>两大部分,页面的标识一般都是在<BODY>标识中定义的。HTML文件不区别大小写,浏览器认为<HTML>和<html>是一样的,在使用的时候需要保持风格的完整性。
,现在已经没有区别了。原来在Linux操作系统上用html作为文件的扩展名,,因为早期的Windows操作系统不支持三个以上字母的文件扩展名。
标记类型
说明
头元素标记
每个HTML文档都包含一个头元素(head)。头元素中的内容一般不会在显示窗口中显示出来。HTML文档的头元素是以<head>开头,而以</head>结束。
网页标题标记
标题是头元素的一部分,因此,<title>…</title>必须包含在<head>…</head>之内。标题会出现在浏览器窗口标题栏上。用户将该网页添加到收藏夹或书签时,其名称默认为网页标题;另外搜索引擎在进行分类搜索时也会按网页标题搜索。
主体元素标记
HTML文档的主体部分是一个区域,用来放置文档的内容,例如文本、图像等等。主体以<body>开始,以</body>结束。页面背景颜色与图像在该标记中设置方法是:(1)用图像填充背景<body background=url>其中background表示背景图像文件所在的URL地址。例如:<body background="file:///C:/windows/">(2)用某种颜色填充背景<body bgcolor=颜色名> 其中Bgcolor表示背景颜色。例如:<Body Bgcolor = Red>颜色可用颜色名称如"green"、16进制表示#RRGGBB如"#00FFEE"、函数rgb(r,g,b)如"rgb(20,20,50)"、函数rgb(r%,g%,b%)如" rgb(20%,20%,50%)"来表示。红绿蓝颜色分量取值为0~255。颜色分量百分数是相对255而言。例如:<Body Bgcolor ="rgb(20,20,50)">
HEAD头元素
HEAD头元素主要包括该页面的一些基本描述语句。META的属性包括:
Description,网页的描述信息;
Keywords,关键字,当搜索引擎查找时,按此关键字查找;
Content-type,用来设置该网页的编码;
Author,用来设置该网页的作者姓名;
Refresh,用来设置网页的自动更新。当CONTENT ="3; URL=,该网页打开3秒钟后,就自动的转到
HTML的常用标记
HTML的常用标记有一些共同特点:都放在BODY标记里面。
常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等。
字体标记
处理文字时通常利用如“<FONT FACE=”隶书“ SIZE=”5“ COLOR=”red“> xx</FONT>”的标记
定义字符xx的字体显示为隶书,字号是40,颜色是红色。程序2-。
序号
标记
说明
1
字体加粗、斜体和下划线标记
<b>…</b>用来使文本以黑体字的形式输出,也可用<strong>…</strong>标记。<i>…</i>用来使文本以斜体字的形式输出;<u>…</u>用来使文本以下加一划线的形式输出。
2
字体大小和颜色设置标记
<font>…</font>可以对输出文本的字体大小、颜色进行随意地改变,这些改变主要是通过对它的两个属性size和color的控制来实现的。siz