《物联网web应用技术》课件 项目二 任务一认识HTML_第1页
《物联网web应用技术》课件 项目二 任务一认识HTML_第2页
《物联网web应用技术》课件 项目二 任务一认识HTML_第3页
《物联网web应用技术》课件 项目二 任务一认识HTML_第4页
《物联网web应用技术》课件 项目二 任务一认识HTML_第5页
已阅读5页，还剩21页未读， 继续免费阅读

下载本文档

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

文档简介

《Web应用技术》物联网Web应用技术项目二HTML页面任务一认识HTMLWeb技术概念和发展Web开发体系架构回顾HBuilder的下载安装使用HBuilder新建HTML项目任务引入Web页面也就是通常所说的网页。Web站点如何创建呢？HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。HTML可以创建Web站点。任务描述:了解HTML的发展。了解HTML的网页结构。任务教学目标：会创建HTML文件；完成第一个web页面编写。任务概要教学内容HTML介绍HTML标签HTML结构HTML页面编写一二三四HTML发展知识点一“超文本”是指页面内可以包含图片、链接、音乐、程序等非文字元素。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。HTML（HyperTextMarkupLanguage，超文本标记语言）是一种用于创建网页的标准标记语言，标准通用标记语言下的一个应用。可以使用HTML来建立WEB站点，HTML运行在浏览器上，由浏览器来解析。HTML（一）HTML定义HTML1993.6HTML1.0作为互联网工程工作小组（IETF）工作草案发布1995.11HTML2.01997.12HTML4.0W3C推荐标准1997.1HTML3.2W3C推荐标准（二）HTML发展2014.10HTML5

由万维网联盟宣布，该标准规范终于制定完成1999.12HTML4.01在4.0的基础上做了微小改进，W3C推荐标准<!DOCTYPE>声明有助于浏览器中正确显示网页。正确声明HTML的版本，浏览器就能正确显示网页内容。doctype声明是不区分大小写的，以下方式均可：通用声明HTML5

<!DOCTYPEhtml>HTML4.01<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""/TR/html4/loose.dtd">XHTML1.0<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!DOCTYPE>声明（三）HTML版本声明<!DOCTYPEhtml><!DOCTYPEHTML><!doctypehtml><!DoctypeHtml>HTML标签知识点二HTML标签是由尖括号包围的关键词，比如<html>；HTML标签通常是成对出现的，比如<b>和</b>；标签对中的第一个标签是开始标签，第二个标签带斜杠表示该标记说明结束，是结束标签；开始和结束标签也被称为开放标签和闭合标签。标记语言是一套标记标签（markuptag），HTML使用标记标签来描述网页，HTML标记标签通常被称为HTML标签（HTMLtag）。HTML标签（一）HTML标签定义（二）HTML标签列表HTML结构知识点三（一）HTML结构一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。HTML的结构包括：“头”部分（Head）“头”部提供关于网页的信息“主体”部分（Body）“主体”部分提供网页的具体内容，（一）HTML结构<html>说明该文件是用HTML来描述的。<html>是文件的开头，而</html>则表示该文件的结尾。它们是HTML文件的始标记和尾标记。（一）HTML结构1.标签<html><head>、</head>分别表示头部信息的开始和结尾。包含页面的标题、序言、说明等内容，它不作为内容来显示，但影响网页显示的效果。头部标题标签用于定义网页的标题，显示在网页窗口的标题栏中，可被浏览器用作书签和收藏清单。（一）HTML结构2.头部标签<head>网页中显示的实际内容均包含在<body>、</body>这2个正文标签之间。正文标签又称为实体标签。只有<body>区域（白色部分）才会在浏览器中显示。（一）HTML结构3.正文标签<body>HTML页面编写知识点四<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>菜鸟教程()</title> </head> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body></html>（一）程序实例1.代码及运行效果（一）程序实例2.代码分析<!DOCTYPEhtml>声明为HTML5文档<html>元素是HTML页面的根元素<head>元素包含了文档的元（meta）数据，如<metacharset="utf-8">定义网页编码格式为utf-8。<title>元素描述了文档的标题<body>元素包含了可见的页面内容<h1>元素定义一个大标题<p>元素定义一个段落注：在浏览器的页面上使用键盘上的F12按键开启调试模式，就可以看到组成标签。如何声明HTML版本号？HTML文件有哪些部分组成？思考问题本任务学习了HTML基本知识。包括如下内容：1.HTML介绍：定义、发展历程、版本声明；2.HTML标签；3.HTML结构：html、head、body。任务小结1.使用HBuilder软件创建HTML页面.

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论