电子商务技术基础3.pptVIP

第三章 HTML和XHTML * * 3.1 HTML和XHTML概述 1、HTML标记通用形式 元素名 属性名=“属性值” 内容 /元素名 元素名称之为标记，标记一般与/元素名成对出现，表示它们之间的内容应该按照某种显示方式显示。 说明： 标记一般可设定属性及属性值，属于可选项，用于精确定位显示内容的显示方式。 2、HTML的例外标记—标记不成对出现 常用的不成对出现标记： BR --------------- 换行标记 FRAME --------------- 框架标记 HR --------------- 水平线分割标记 IMG --------------- 图片标记 INPUT --------------- 文本输入域标记 META --------------- 不可见信息标记 3、XHTML 为了满足XML的标准，XHTML要求其文档必须是“形式良好的”，所用标记都必须成对出现。 例：HTML ------ BR XHTML ------ BR/BR HTML中不区分大小些，XHTML中的标记和属性名称都是大小写敏感的。 例：HTML ------ HEAD/heaD XHTML ------ head/head HTML中允许不合理的标记嵌套，XHTML中标记嵌套结构必须合理，即必须首先结束最后开始的标记，按照由 内及外的顺序依次进行。 例：HTML font size=“30”a href=“…”不合理嵌套/font/a XHTML font size=“30”a href=“…”合理嵌套/a/font 4、HTML的文件结构 最外层为html标记，html标记中的文档一般分为两部分：文档首部head和文档主体body。典型代码如下： html /html 例1：基本文件结构 title,base,link,meta等 head头部的内容写在这里 /head body /body HTML文件的正文写在这里 3.2 HTML常用的标记 1、页面排版 （1）标题标记 title文件标题title 出现在文件头中，对整个文件内容的概括，显示在浏览器的标题栏 （2）标题字体标记 hx /hx x可以是1---6的数字 如：h1,h2,…..h6. 标记号越小，标题字体越大。 （3）转行标记 br 例2：转行标记 （4）居中标记 center /center 例3：居中标记 （5）段落标记 p 例4：段落标记 （6） 水平线标记 hr 例5：水平线标记 2、文字效果标记 （1）粗体标记：strong…./strong； b … /b （2）斜体标记：em…./em;I…./I; cite…. /cite （3）底线标记：u…./u 例6：粗体、斜体、底线标记 （4）字体大小标记：font size=N…./font N=1---7 例7：字体大小标记 （5）字体颜色标记：font color=#value /font value 取值在000000---FFFFFF （2）背景图标记：body background=“src” src为图片存放路径 例10：背景图标记 3、body标记 （1）背景色标记：body bgcolor=#value 例9：背景颜色 （3）页面空白标记：body topmargin=“20” src为图片存放路径 例11：页面空白标记 img src= “#” #为图片的URL 可以是相对地址，也可以是绝对地址 常用属性有： Width 图