HTML5+CSS3网页设计基础教程教学课件2.pptx

下载文档

27
0
约7.39千字
约 66页
2022-03-01 发布于广东
举报
版权申诉
保障服务

HTML5+CSS3网页设计基础教程教学课件2.pptx

1、本文档共66页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。

HTML5+CSS3网页设计基础教程;;单元导读在网页的制作中，HTML的编写是最基本最核心的内容，本章介绍HTML的基本语法，HTML网页代码的基本结构，学习一些最基本的HTML标记以及它们的属性，包括文本、图片、列表、超级链接等，并利用记事本工具或Sublime Text工具制作网页! ;学习目标掌握HTML的基本语法；掌握HTML5网页代码的基本结构；掌握HTML的常用标记和属性； ;思政目标通过本章介绍什么是HTML及其发展版本，并介绍最基本的常用HTML标记，使学生了解到网页设计行业发展的迅猛态势，让学生认识到学习是不能停止的，学习必须要跟上时代的步伐，与时俱进，不进则退，并且要使学生知道，不论学习什么知识，都要有一个良好的开端，为以后更加深入的学习打下基础。;2.1HTML简介 HTML（Hyper Text Markup Language），叫做超文本标记语言，历史上的版本有HTML 1.0、HTML 2.0、HTML 3.2、HTML 4.0、HTML 5。HTML是一种标识性的语言，由一系列标签组成，一般来说，一个HTML文件就标志着一张网页，HTML文件以<html>开头，以</html>结尾，一对<html>…</html>标签就包含着网页中的所有内容。文档代码中所有的标签都是用一对尖括号<>括起来的，大多数标签是成对出现的，开头和结尾的标签名称相同，但后面的结束标签前面要加一个斜杠 /, 也有一些标签不是成对使用，而是单独出现，还有一些标签既可以成对使用，也可以单独使用，成对使用和单独使用有时效果会稍有不同。;HTML网页的基本结构： <html> <head> <title>网页标题</title> </head> <body> 页面所有可见内容 </body> </html> ;一个HTML文档划分为两个部分，网页头部<head>…</head>和页面主体<body>…</body>，文档的头部描述了文档的各种属性和信息，这里包含了文档的标题<title>… </title>，<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等，绝大多数文档头部包含的数据不会显示在页面上。<body> 元素包含文档的所有内容，比如文本、图像、超链接、表格和列表等等。;任务1.制作第一张网页——使用记事本工具制作一张简单网页，页面显示文字“我的第一张网页”，网页标题为“成功的开始”，练习代码的输入、熟悉HTML结构。;实施步骤步骤1：打开记事本程序，先输入一对<html></html>标签，然后将光标移动至<html></html>标签之间，输入<head></head><body></body>，再将光标移动至<head></head>标签之间，输入<title> </title>，最后将页面文字“我的第一张网页”输入在<body></body>标签内，将网页标题文字“成功的开始”输入在<title> </title>标签内，标签要成对输入，切记不要从头到尾一句一句输入代码，效果如图2-1。;图2-1 代码输入;步骤2：选择菜单上的【文件】/【保存】，找到D盘或其它盘，在盘内右击，在右键菜单中选择【新建】/【文件夹】，将文件夹的名字改为myweb1，然后双击进入，在此位置保存，保存类型选择【所有文件】，文件名输入“index.html”，编码选择“UTF-8”,如图2-2，点击保存按钮完成。;步骤3：打开D:\ myweb1，右击网页文件，在“打开方式”中可以选用不同的浏览器打开，查看效果，如图2-3：;2.2HTML5的特点 HTML5取代了从前制订的XHTML4.01和XHTML1.0标准的版本，是HTML的最新规范，增加了更多的新功能，实际上人们通常所说的HTML5是广义的，它是一个不但包含了HTML，还包括CSS和JavaScript在内的一套Web前端解决方案。HTML5强化了Web网页的表现性能，追加了本地数据库等Web应用功能，HTML5标签具有更强的语义化，使代码更具可读性，样式丢失的时候也能让页面呈现清晰的结构，与CSS3关系更和谐。有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重，它具有着更好的跨平台性、兼容性，可以直接与硬件如摄像头、麦克风相连，HTML5自身支持网页端的音频和视频，可以不依赖于外部插件，它与CSS3结合，可以制作出炫丽的动画效果，目前，HTML5技术已经日渐成熟，得到了几乎所有知名浏览器如Safari、Chrome、firefox、Edge、Opera较好的支持，应用已经十分广泛。;HTML5的新特性包括：新增的页面布局元素：如header、nav、aside、article、section、footer 新增的表单控件：如

您可能关注的文档

文档评论（0）

allen734901 + 关注: 实名认证

内容提供者

知识共享

咨询Ta 进入空间

1亿VIP精品文档

更多 >

HTML5+CSS3网页设计基础教程教学课件2.pptx