任务一-设置网页头部信息_第1页
任务一-设置网页头部信息_第2页
任务一-设置网页头部信息_第3页
任务一-设置网页头部信息_第4页
任务一-设置网页头部信息_第5页
已阅读5页,还剩13页未读 继续免费阅读

下载本文档

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

文档简介

信息工程系教师:宇虹儒项目二农产品HTML网页制作任务一设置网页头部信息知识导航

HTML5基本格式

HTML5语法

HTML标记标记的属性4123HTML5文档头部相关标记5一HTML5文档基本格式传智播客:传智播客教育科技有限公司是一家专门致力于高素质软件开发人才培养的高科技公司。此致敬礼

传智播客学员【结论】写书信要符合书信的基本格式,学习HTML标记语言亦不例外,同样需要先掌握它的基本格式,遵从相应的格式规范。1、标签不区分大小写2、允许属性值不使用引号3、允许部分属性值的属性省略二HTML5语法HTML5可以省略属性值的属性属性描述checked省略属性值后,等价于checked="checked"。readonly省略属性值后,等价于readonly="readonly"defer省略属性值后,等价于defer="defer"ismap省略属性值后,等价于ismap="ismap"nohref省略属性值后,等价于nohref="nohref"noshade省略属性值后,等价于noshade="noshade"nowrap省略属性值后,等价于nowrap="nowrap"selected省略属性值后,等价于selected="selected"disabled省略属性值后,等价于disabled="disabled"multiple省略属性值后,等价于multiple="multiple"noresize省略属性值后,等价于noresize="noresize"二HTML5语法什么是HTML标记?三HTML标记带有“<>”符号的元素被称为HTML标记例如:<html>、<head>、<body>都是HTML标记也称为HTML标签或HTML元素三HTML标记通常将HTML标记分为两大类,分别是“双标记”与“单标记”双标记单标记双标记也称体标记,是指由开始和结束两个标记符组成的标记。单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。<标记名>内容</标记名><标记名/>表示该标记的作用开始,一般称为“开始标记表示该标记的作用结束,一般称为“结束标记”三HTML标记HTML注释标记如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标记。基本语法格式<!--注释语句-->三HTML标记标记的属性字体位置字号颜色语法格式<标记名

属性1="属性值1"属性2="属性值2"…>内容</标记名>四标记属性多学一招:何为键值对?“键值对”简单地说即为对“属性”设置“值”。例如:color="red";width:200px;键键值值【总结】在HTML开始标记中,可以通过“属性="属性值"的方式为标记添加属性,其中“属性”和“属性值”是以“键值对”的形式出现的。四标记属性<title><meta/><link><style><title>标记用于定义HTML页面的标题,即给网页取一个名字,必须位于<head>标记之内。<meta/>标记用于定义页面的元信息,可重复出现在<head>头部标记中。在<head>中使用<link>标记可引用外部文件,一个页面允许使用多个<link>标记引用多个外部文件。<style>标记用于为HTML文档定义样式信息,位于<head>头部标记中。五HTML5文档头部相关标记<title><meta/><link><style><meta/><link><style>一个HTML文档只能含有一对<title></title>标记,<title></title>之间的内容将显示在浏览器窗口的标题栏中。<title>网页标题名称</title>基本语法格式:五HTML5文档头部相关标记meta定义页面元信息设置网页关键字设置网页描述设置网页作者设置字符集设置页面自动刷新与跳转<title><meta/><link><style><metaname=“keywords”content=“JAVA、php"/><metaname=“description“content=“IT培训教育”/><metaname=“author”content=“传智播客"/><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metahttp-equiv="refresh"content="10;url="/>五HTML5文档头部相关标记<title><meta/><link><style><link属性="属性值"/>基本语法格式:属性名常用属性值描述hrefURL指定引用外部文档的地址relstylesheet指定当前文档与引用外部文档的关系,该属性值通常为stylesheet,表示定义一个外部样式表typetext/css引用外部文档的类型为CSS样式表text/javascript引用外部文档的类型为javascript脚本五HTML5文档头部相关标记<title><meta/><link><style><style属性=”属性值”>样式内容</style>基本语法格式:在HTML中使用style标记时,常常定义其属性为type,相应的属性值为text/css

温馨提示

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

评论

0/150

提交评论