实训五 课外拓展训练5.2

一、页面文字素材:

HTML5 是如何起步的?

HTML5 是 W3C 与 WHATWG 合作的结果。

编者注:W3C 指 World Wide Web Consortium,万维网联盟。

编者注:WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

为 HTML5 建立的一些规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

减少对外部插件的需求(比如 Flash)

更优秀的错误处理

更多取代脚本的标记

HTML5 应该独立于设备

开发进程应对公众透明

二、代码:

<!--prj_5_2-->
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>HTML5简介</title><style type="text/css">p span{font-weight: bold;font-style: italic;}div{padding: 20px 10px;}p,ul{text-indent: 2em;line-height: 1.5em;}h2{font-weight: bold;background: #006633;padding: 10px;color: white;}</style></head><body><div><h2>HTML5是如何起步的?</h2><p>HTML5 是 W3C 与 WHATWG 合作的结果。</p><p class="note"><span>编者注:</span>W3C 指 World Wide Web Consortium,万维网联盟。</p><p class="note"><span>编者注:</span>WHATWG 指 Web Hypertext Application Technology Working Group。</p><p>WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。</p><h2>为HTML5建立的一些规则:</h2><ul><li>新特性应该基于 HTML、CSS、DOM 以及 JavaScript。</li><li>减少对外部插件的需求(比如 Flash)</li><li>更优秀的错误处理</li><li>更多取代脚本的标记</li><li>HTML5 应该独立于设备</li><li>开发进程应对公众透明</li></ul></div></body>
</html>

三、页面效果截图:

web前端开发技术实验与实践(第三版)储久良编著 课外拓展训练5.2 HTML5是如何起步的相关推荐

  1. web前端开发技术实验与实践(第三版)储久良编著 课外拓展训练1.1

    课外拓展训练1.1 meta.h3.hr.p等标签的应用 一.页面文字素材: HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其他标准被束之高阁,为了推动web标准化运动的发 ...

  2. web前端开发技术实验与实践(第三版)储久良编著 课外拓展训练1.2 设计彩色页面

    课外拓展训练1.2 设计彩色页面 一.页面文字素材: body的属性应用 在div中插入标题字.水平分割线和段落 设计彩色页面 HTML即超文本标记语言,是www的描述语言,由tim berners- ...

  3. web前端开发技术实验与实践(第三版)储久良编著 课外拓展训练2.1

    实训二 课外拓展训练2.1 一.页面文字素材: "平淡的语言娓娓道来,如清水芙蓉,不带半点修饰.完全是信手拈来,没有任何矫揉造作之痕正是平平淡淡才是真. "客居他乡的游子,面对如霜 ...

  4. web前端开发技术实验与实践(第三版)储久良编著 课外拓展训练2.2

    实训二 课外拓展训练2.2 一.页面文字素材: 食堂从业人员和管理人员必须掌握有关食品卫生的基本要求. 食堂从业人员每年必须进行健康检查,新参加工作和临时参加工作的食品生产经营人员都必须进行健康检查 ...

  5. web前端开发技术实验与实践(第三版)储久良编著 课外拓展训练3

    实训三 课外拓展训练3.1 一.页面文字素材: 桂林风景展览 二.代码: <!DOCTYPE html> <html><head><meta charset= ...

  6. web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航

    web前端开发技术实验与实践(第三版)储久良编著 项目12 设计简易网站导航 实训三  项目12 设计简易网站导航 一.页面文字素材: 序号 网站名称 URL 1 百  度 http://www.ba ...

  7. web前端开发技术实验与实践(第三版)储久良编著 项目16 div+CSS页面布局设计

    web前端开发技术实验与实践(第三版)储久良编著 项目16 实训五 项目16 一.页面文字素材: 这是头部信息区. 这是导航信息区. 这是主题信息区. 这是右侧信息区. 这是版权信息区. 二.代码: ...

  8. web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介

    web前端开发技术实验与实践(第三版)储久良编著 项目13 设计新生课程简介 实训三  项目13  设计新生课程简介 一.页面文字素材: 英语 基础英语.高级英语.报刊选读.视听.口语.英语写作.翻译 ...

  9. web前端开发技术实验与实践(第三版)储久良编著 项目5 综合编程岗位介绍

    实训一 项目5 综合编程岗位介绍 一.页面文字素材: WEB前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作:(2)承担WEB前端核心模块的设计.实现工作:(3)承担主要开发工作 ...

  10. Web前端开发技术实验与实践(第3版)储久良编著实训8

    实训8 HTML5基础与CSS3应用 项目22 当当网企业用户注册页面设计 页面效果截图 代码 <!--prj_8_1.html--> <!DOCTYPE html> < ...

最新文章

  1. 聊聊在博客园写博客的这两年《Unity 3D脚本编程:使用C#语言开发跨平台游戏》正式出版...
  2. vue 输入框限制3位小数_vue+element 中 el-input框 限制 只能输入数字及几位小数(自定义)和输入框之键盘...
  3. android 多个类的对象,android – 为多个对象使用泛型类(actionBar选项卡)
  4. srping基础——DI(三)
  5. 基于mysql搭建框架环境搭建_Maven+Spring+Spring MVC+MyBatis+MySQL,搭建SSM框架环境
  6. php文件名函数,详解php 获取文件名basename()函数的用法
  7. FFT变换频谱图中频率刻度的设置方法
  8. 我的家乡html网页设计,创作一个以“我的家乡”为主题的网站
  9. Clover 驱动文件夹_使用Clover安装macOS入门指南
  10. 森松尼N-J60双模机械键盘按键操作说明
  11. PTT BBS-- 软件人的心路历程分享 (补习计算机、学习写程序、出书、出国、求职...这位前辈都经历过了)...
  12. 精通css网页布局 pdf,精通CSS网页布局
  13. 面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
  14. “王峰十问”走进2019数博会,与凯文·凯利等人激辩区块链
  15. python----语句
  16. 面试必问之JVM原理 1
  17. fpga卷积神经网络加速器,FPGA卷积神经网络综述
  18. 干货 | 播音主持必知的五十个知识
  19. 新的放假规定,大年三十还得朝九晚五!
  20. 论文阅读4:ShiDianNao

热门文章

  1. 神策分析1.7重磅上线 三大功能直指精益数据分析
  2. html中怎么给文字设置动画效果,文字效果怎么设置?
  3. 什么是用户故事 (User Story)?
  4. emu8086:汇编语言复制数组案例
  5. JavaWeb教程路线
  6. 9008刷机教程oppo_OPPO手机解锁教程
  7. labelImg使用教程
  8. java asm 教程_java字节码框架ASM的深入学习
  9. wps office2019PC版和Mac版_来试试这款政府版WPS吧
  10. vscode设置中文流程