doctype头部及主体标记_第1页
doctype头部及主体标记_第2页
doctype头部及主体标记_第3页
doctype头部及主体标记_第4页
doctype头部及主体标记_第5页
已阅读5页，还剩22页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

doctype头部及主体标记doctype头部及主体标记第1页学习目标了解DOCTYPE标识作用了解XHTMLDOCTYPE三种类型掌握头部常见标识使用方法了解<body>标识作用掌握使用<body>标识设置页面属性doctype头部及主体标记第2页3.1<!DOCTYPE…>标识作用：DOCTYPE是documenttype简写。主要用来说明你用XHTML或者HTML是什么版本以及申明用于浏览器进行页面解析用DTD(文档类型定义)文件。比如：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd">它放在html文件最上面，即在<html>标识上面doctype头部及主体标记第3页3.2XHTML1.0DOCTYPE类型介绍XHTML1.0提供了三种DOCTYPE可选择

:过渡(Transitional):要求非常宽松DTD，它允许你继续使用HTML4.01标识(不过要符合xhtml写法)。完整代码以下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">Transitionaltransitional.dtddoctype头部及主体标记第4页严格(Strict):要求严格DTD，你不能使用任何表现层标识和属性。完整代码以下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd">框架(Frameset):专门针对框架页面设计使用DTD，假如你页面中包含有框架，需要采取这种DTD。完整代码以下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN""/TR/xhtml1/DTD/xhtml1-frameset.dtd">Strictstrict.dtdFramesetframeset.dtddoctype头部及主体标记第5页问题：在网上搜索资料时咱们使用“关键字”来自于哪里？得到说明文字又来自于哪里？怎样实现自动刷新页面？怎样实现自动跳转页面？怎样设定页面编码字符？自动跳转示例doctype头部及主体标记第6页3.3头部标识概述头部标识，主要用于描述当前页面相关信息，如标题、关键字等，全部头部标识都包含在<head></head>标识对中。普通情况下，位于头部内容都不会在网页上直接显示，而是经过另外方式起作用。doctype头部及主体标记第7页

表3-1常见头部标识标记描述<title>设定显示在浏览器标题栏中内容<meta>定义文档字符集、关键字等<style>设定CSS层叠样式表内容<link>设定对外部CSS文件链接<script>设定页面中程序脚本内容doctype头部及主体标记第8页

3.4标题标识<title>

基础语法

<title>……</title>语法解释标识之间内容就是页面标题示例doctype头部及主体标记第9页3.5元信息标识<meta><meta>主要用于设置字符集、网页关键字及描述信息、页面刷新及跳转等内容能够在一个页面中使用任意数量<meta>doctype头部及主体标记第10页表3-2<meta>标识属性属性描述http-equiv生成一个HTTP标题域，它实际取值由content属性确定。name以关键字/值形式来要求元信息内容，其中name确定“关键字”内容，“值”由content属性确定content确定关键字/值中”值”内容doctype头部及主体标记第11页设定关键字基础语法

<metaname=“keywords”content=“value”>语法解释

keywords为“关键字”定义，content中定义“关键字”内容。比如：

<metaname="keywords"content="Dreamweaver，Fireworks，Flash，网页制作三剑客"/>doctype头部及主体标记第12页设定描述基础语法

<metaname=“discription”content=“value”>语法解释

discription为“描述”定义，content中定义“描述”内容。比如：

<metaname="discription"content="这是一个详尽介绍网页制作三剑客网站"/>doctype头部及主体标记第13页设定字符集基础语法

<metahttp-equiv=“content-type”content=“text/html;charset=value”>语法解释

http-equiv传送HTTP通信协议标头，content中定义页面内码，charset中设定内码语系。比如：

<metahttp-equiv="content-type"content="text/html;charset=gb2312"/>doctype头部及主体标记第14页设定自动刷新基础语法

<metahttp-equiv=“refresh”content=“value”>语法解释

http-equiv传送HTTP通信协议标头，refresh表示刷新功效，content中设定刷新间隔秒数。自动刷新示例<html><head><title>设定页面自动刷新</title><metahttp-equiv="refresh"content=“3"></head><body><fontsize=7color=red>本页面每隔3秒自动刷新一次</font></body></html>doctype头部及主体标记第15页设定自动跳转基础语法

<metahttp-equiv=“refresh”content=“6;url=”>语法解释

http-equiv传送HTTP通信协议标头，refresh表示刷新功效，content中设定跳转间隔秒数以及打开文件地址自动跳转示例<html><head><title>设定页面自动跳转</title><metahttp-equiv="refresh"content=“3;url="></head><body><p>本页面3秒钟后跳转到新浪网</p></body></html>doctype头部及主体标记第16页<style>、<link>、<script>标识将放在后面CSS和javascript编程中分别介绍doctype头部及主体标记第17页3.6主体标识<body>页面主体标识<body>作用有二:一是对页面各种属性进行设置；二是包含全部需要在浏览器中显示内容doctype头部及主体标记第18页3-3<body>标识属性属性描述text设定页面正文颜色bgcolor设定页面背景颜色background设定页面背景图像bgproperties设定页面背景图像为固定，不随页面滚动而滚动link设定页面默认链接颜色alink设定鼠标单击时链接颜色vlink设定访问后链接颜色topmargin设定页面上边距bottommargin设定页面底边距leftmargin设定页面左边距rightmargin设定页面右边距doctype头部及主体标记第19页正文颜色属性text基础语法

<bodytext=color_value>语法解释

color_value指定文字颜色值。

颜色值书写能够是英文颜色名或十六进制RGB（#号加六位十六进制数如#ffffff，表示白色）两种方式。正文颜色属性text示例<html><head><title>设置页面正文颜色</title></head><bodytext="#0000ff"><h2align=“center”>设定页面正文颜色为蓝色</h2><hrsize=3><p>本课程主要是学习怎样创建个人或企业网站。其中重点介绍了Web开发关键HTML语言以及Javascript、CSS和当前最受欢迎网页制作工具——网页设计三剑客：DreamweaverMX、FireworksMX和FlashMX，并在此基础上，介绍了网站建设、公布、测试与维护等知识，目标是使学生掌握网站建设一整套技术，而非仅仅停留在网页“设计”上。</body></html>doctype头部及主体标记第20页背景颜色属性bgcolor基础语法

<bodybgcolor=color_value>语法解释

color_value指定背景颜色值。背景颜色属性bgcolor示例<html><head><title>页面背景颜色</title></head><bodybgcolor="#336699"text="white"><center><h2>设定页面背景颜色为深蓝色,文字颜色为白色</h2></center></body></html>doctype头部及主体标记第21页背景图像属性background基础语法

<bodybackground=img_file_url>语法解释

img_file_url指定图像文件所在路径。

doctype头部及主体标记第22页背景图像固定属性bgproperties基础语法

<bodybackground=img_file_url

bgproperties=fixed>语法解释默认情况下，背景图像是不固定；fixed设置背景图像为固定效果无固定属性设置示例有固定属性设置示例doctype头部及主体标记第23页链接文字颜色属性link、alink及vlink基础语法

<bodylink=“color_value”

alink=“color_value”

vlink=“color_value”>语法解释

link：设定默认没有单击过链接文字颜色；alink：设定鼠标按下链接文字时链接文字颜色；valink设定单击过后链接文字颜色。color_value指定链接文字颜色值。链接文字颜色属性示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>设置页面链接文字颜色</title></head><bodylink="#99CCCC"alink="#00FF00"vlink="#FF6600"><h2>设定不一样链接颜色</h2><ahref="">默认链接颜色</a><p><ahref="">正在按下链接颜色</a><p><ahref="">访问过后链接颜色</a></body>doctype头部及主体标记第24页上、下、左、右边距属性基础语法<bodytopmargin=“value1”bottommargin=“value2”

leftmargin=“value3”

rightmargin=“value4”>语法解释

topmargin、bottommargin、lef

人人文库> 全部分类> 办公材料 > 办公文档

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论