山西新华电脑学校提供网页设计之XHTML基础.docVIP

XHTML基本知识 互联网基本知识：因特网、Web 、 HTML 浏览器之争： 微软、网景自己做插件 2、万维网联盟（W3C）产生 W3C成员：苹果公、Adobe 公司、美国在线、Opera、微软公司、Google、Mozilla 标准推进速度慢 3、HTML 3.2：标准化的开始 4、HTML 4 和 CSS 5、XML：文档进行格式化，使用灵活 6、W3C 用 XML 重写了 HTML==xhtml 第一种称为过渡型（transitional），它允许使用废弃的标记（tag） 第二种称为严格型（strict），它禁止使用任何废弃的标记。 第三种是框架型 （frameset） ， 它允许使用废弃的标记和框架 准备工具 HTML的基本标记 1. HTML 的基本结构 html 根控制标记 head- 头控制标记 title标题/title 标题标记 /head 头控制标记（尾） body 网页显示区域 /body /html （关闭标签） 根控制标记(尾) 1、html … /html 根控制标记 开头和结尾 2、head … /head 头控制标记 1.title 标题声明 2.meta控制标记的动态文件转换声明 3.base超链接网址基准参考点 4.Javascript 和 VBScript 程序 5.stylesheet 可用来设置排版来的声明 6.link可引用外部文件，如 CSS 排版样本 title … /title 设置浏览器的标题 3、body … /body 页面可见内容 在写代码的是很最好成先成对编写，再添加内容 2、HTML 控制标记的格式 (1). 单一型,无属性值：标记名称 如：br (2) 单一型，有属性值的：.标记名称 属性=”属性值” 如：hr width=”80%” (3) 对称型，有属性值的：.标记名称…/标记名称 如：title…/title (4). 对称型，有属性值的：标记名称 属性=”属性值”…/标记名称 如：body bgcolor=”red”…/body font size=”7”…/font 3. 最常用的控制标记 (1).跳行 br 格式：br 无属性设置 使用实例：br / (2).段落 p 格式：p align=”排列方式”…/p 属性名称 属性值 说明 使用 align left 左对齐 p align=center内容/p center 中对齐 right 右对齐 段落距离比较大，而且有属性 （3）水平直线 hr 属性名称 属性值 说明 使用 Size 像素 绝对设置，以数字表示，属性值越大，线越粗 hr align=center color=#FF0000 width=200 noshade=noshade / 百分比 相对设置，以%表示，属性值越大，线越粗 Width 像素 绝对设置，长度不会应视窗的改变而改变 百分比 相对设置，长度会随着视窗宽度而改变 Noshade 实体线 (4).向中对齐 center (被废弃的标签) 隐藏换行 格式：center…/center (5).背景色与文字设置（body） 属性名称 属性值 说明 使用 bgcolor 颜色值 背景色 body bgcolor=# leftmargin=20 text=#00FF00 topmargin=20 rightmargin=20 bottommargin=20link=#FF0000 vlink=#3399CC alink=#FF3366 text 颜色值 文本颜色 leftmargin 像素 左间距 rightmargin 像素 右间距 topmargin 像素 上间距 bottommargin 像素 下间距 Link Vlink alink 6).标题文字设置 格式：h1…/h1 h2…/h2 h3…/h3 h4…/h4 h5…/h5 h6…/h6 Title 说明文字 属性名称 属性值 说明 使用 align left 左对齐 h1 align=justifydddd/h1 center 右对齐 right 中对齐 (7). 特殊字符设置 不换行空格 nbsp; 不 lt; gt; amp; “ quot; lt；lt； (8) 在 HTML 备注 格式：!--…-- (9).实体字符控制标记 1.b…/b 加粗 2.i…/i 倾斜 3.s