2023学年完整公开课版Html5基础元素_第1页
2023学年完整公开课版Html5基础元素_第2页
2023学年完整公开课版Html5基础元素_第3页
2023学年完整公开课版Html5基础元素_第4页
2023学年完整公开课版Html5基础元素_第5页
已阅读5页,还剩8页未读 继续免费阅读

下载本文档

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

文档简介

Html5基础元素Html5基础元素元素名称

描述<!DOCTYPE>定义文档类型<html>定义HTML文档<title>定义文档的标题<body>定义文档的主体<hl>to<h6>定义HTML标题<P>定义段落<br>定义简单的换行<hr>定义水平线<!--…-->定义注释HTML<!DOCTYPE>标签1.1定义和用法<!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前。<!DOCTYPE>声明不是HTML标签;它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。1.2HTML4.01与HTML5之间的差异在HTML4.01中有三种<!DOCTYPE>声明。在HTML5中只有一种:<!DOCTYPEhtml>HTML<html>标签2.1定义和用法此元素可告知浏览器其自身是一个HTML文档。<html>与</html>标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。2.2HTML与XHTML之间的差异xmlns属性在XHTML中是必需的,但在HTML中不是。不过,即使XHTML文档中的<html>没有使用此属性,W3C的验证器也不会报错。这是因为"xmlns=/1999/xhtml"是一个固定值,即使您没有包含它,此值也会被添加到<html>标签中。HTML<title>标签3.1定义和用法<title>元素可定义文档的标题。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。HTML<html>标签3.2HTML<title>标签的重要性一定要选择一个正确的标题,这对于定义文档并确保它能够在Web上有效利用来说是十分重要的。请记住,用户可以用任何顺序、独立地访问文档集中的每一个文档。所以,文档的标题不仅应当根据其他文档的上下文定义,而且还要显示其自身的特点。含有文档引用排序的标题通常不是什么好标题。举个例子,像“第十六章”或“第五部分”这样的标题,对读者理解其内容方面毫无用处。描述性更强的标题,像“第十六章:HTML标题”,或者“第五部分:如何使用标题”,这样的标题不仅表达了它在一个大型文档集中的位置,还说明了文档的具体内容,吸引读者更有兴趣读下去。自我引用的标题也没有什么用处。像“主页”这样的标题和内容毫无关系,类似的还有“反馈页”或“常用链接”等。你应该设计一个能够传达一定内容和目的的标题,令读者凭这个标题就可以判断是否由必要访问这个页面。“HTML<title>标签的详细信息”,这就是一个描述性的标题,类似的还有“HTML<title>标签的反馈页”等等。人们常常会花费大量时间去创建Web文档,但却经常只是因为一个不吸引人或无意义的标题,而把这些努力全都浪费掉了。当自动为用户搜集链接的特殊软件在Web上越来越流行时,只有网页的标题才会作为与页面相关的描述性词语,被插入到庞大的链接数据库中。因此,我们怎么强调这一点都不过分:请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题。HTML<body>标签4.1定义和用法body元素定义文档的主体。body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)HTML<body>标签4.2可选的属性属性值描述alinkrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中活动链接(activelink)的的颜色。backgroundURL不赞成使用。请使用样式取代它。规定文档的背景图像。bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档的背景颜色。linkrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中未访问链接的默认颜色。textrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中所有文本的颜色。vlinkrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取代它。规定文档中已被访问链接的颜色。HTML<h1>到<h6>标签5.1定义和用法<h1>-<h6>标签可定义标题。<h1>定义最大的标题。<h6>定义最小的标题。由于h元素拥有确切的语义,因此请您慎重地选择恰当的标签层级来构建文档的结构。因此,请不要利用标题标签来改变同一行中的字体大小。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。HTML<p>标签6.1定义和用法<p>标签定义段落。p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。HTML<br>标签7.1定义和用法<br>可插入一个简单的换行符。<br>标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在XHTML中,把结束标签放在开始标签中,也就是<br/>。请注意,<br>标签只是简单地开始新的一行,而当浏览器遇到<p>

温馨提示

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

评论

0/150

提交评论