CSS课件HTML5基本结构_第1页
CSS课件HTML5基本结构_第2页
CSS课件HTML5基本结构_第3页
CSS课件HTML5基本结构_第4页
CSS课件HTML5基本结构_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

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

文档简介

学习目标掌握HTML标签的作用和特点;熟悉HTML5的基本结构;一、HTML5的标签HTML文档是由多种标签组成的,一个HTML5的标准模板如下所示:<!doctypehtml><html><head>

网页的标题和属性

</head><body>

文件主体</body></html>HTML网页<head>头部部分<body>主体部分一、HTML5的标签标签HTML文档结构主要由若干标签组成,标签是HTML语言中最基本的单位,是HTML中最重要的组成部分。一、HTML5的标签标签的特点:由尖括号包围的关键词,比如<html>通常是成对出现的,比如<div>和</div>标记对中的第一个标记是开始标记,第二个标记是结束标记;开始和结束标记也被称为开放标记和闭合标记。也有单独呈现的标记,如:<imgsrc="百度百科.jpg"/>等。一般成对出现的标签,其内容在两个标记中间,如<h1>标题</h1>。标记可以包含标记,即标记可以成对嵌套,但是不能交叉地嵌套。下面的代码就是错误的:<B><I>这是错误的交叉嵌套代码</B></I>。标题、字符格式、语言、兼容性、关键字、描述等信息显示在<head>标记中,而网页需展示的内容需嵌套在<body>标记中。一、HTML5的标签元素一对标签和其中包含的内容统称为元素(element)。<h1>AboutBaidu</h1>起始标签结束标签元素二、HTML5的基本文档结构1、<!DOCTYPE><!DOCTYPE>声明必须位于HTML5文档中的第一行;<!DOCTYPE>声明不属于HTML标签tag;该标签告知浏览器文档所使用的HTML规范。

注释:<!DOCTYPE>标签没有结束标签!提示:<!DOCTYPE>对大小写不敏感。<!doctypehtml><html><head>

网页的标题和属性

</head><body>

文件主体</body></html>二、HTML5的基本文档结构2、<html>标签<html>标签标志着HTML文档的开始,</html>标签标志着HTML文档的结束;在它们之间的是文档的头部和主体内容;后面跟着的lang属性是规定元素内容的语言。<!doctypehtml><html><head>

网页的标题和属性

</head><body>

文件主体</body></html>二、HTML5的基本文档结构3、<head>标签<head>标签用于定义HTML文档的头部信息,主要用来封装其他位于文档头部的标签。一个HTML文档只能含有一对<head>标签,绝大部分文档头部包含的数据是不会做为内容显示在页面中。<!doctypehtml><html><head>

网页的标题和属性

</head><body>

文件主体</body></html>二、HTML5的基本文档结构4、<body>标签<body>标签用于定义HTML文档所要呈现的内容。一个HTML文档只能含有一对<body>标签,且<body>标签必须在<html>标签中,位于<head>标签之后,与<head>标签是并列关系。<!doctypehtml><html><head>

网页的标题和属性

</head><body>

文件主

温馨提示

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

评论

0/150

提交评论