2 HTML5基础

  • 什么是HTML5?

答:HTML5基于HTML4而扩展,添加了2D绘图以及3D绘图的支持等等内容。

  • 什么是HTML?

答:[百度百科]:  HTML=Hyper Text Markup Language. 超文本标记语言,标准通用标记语言下的一个应用。超文本就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

  • 为什么使用HTML5?

答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。与传统C/C++/FORTRON计算机语言相比具备几个显著优势:首先,易于搭建开发环境,不需要编译器,仅需一个文本编辑器即可;其次,运行几乎不依赖其它运行时(库),仅需一个浏览器,所以便于教学演示;再次,由于javascript(js)语法简单,没有类和继承的概念,且会任何一门C-Style语言都会很快上手,学习成本低,入门快;再次,当前js可以高效绘图,便于对计算结果进行后处理操作;最后,跨平台可运行于几乎所有主流操作系统,也可运行于个人电脑、平板和手机等,只需要一个支持HTML5标准的浏览器。当然与传统C/C++语言相比,HTML5/js最大的不足是运行速度较慢,但本项目仅针对轻量级工程设计,对计算机的计算能力要求并不高,当然随着计算机性能的不断提升,HTML5编制的程序执行速度也将得到提升。

  • HTML文件结构?

答:HTML文件由头部<head>和主体<body>两部分构成,下图较为形象的说明了HTML文件构成:

戏说HTML文档结构

如下为一个简单的html文本:

1. <html>

2. <head>

3. <meta charset="utf-8">

4. <title>这是标题</title>

5. </head>

6. <body>

7. <h1>我的第一个标题</h1>

8. <p>我的第一个段落Hello World。</p>

9. </body>

10. </html>

保存上述代码到硬盘,重命名为demo.html,使用微软浏览器EDGE打开后,结果如下:

网页实例

其实html文本就是一个xml文件,所有内容包含在标签<html>和</html>之间:

  • 第2-5行为头<head>部,由标签<head>和</head>包围;
  • 其中第3行给出了网页文本文件的编码为UTF-8;
  • 其中第4行<head>部分给出了标题<title>,也就是网页的标题,标题内容使用<title>和</title>包围;
  • 第6-9行为主体<body>部分,由标签<body>和标签</body>包围而成;
  • 其中第7行为一个一级标题h1,同理h2、h3……表示二级三级标题,标题内容实用<h1>和</h1>包围;
  • 其中第8行为一个段落<p>,段落内容用<p>和</p>包围。
  • head的主要作用?

答:主要说明文档标题、指定HTML文档所使用的脚本javascript程序(后续介绍)、指定CSS样式文件、还可以说明文档编码信息等等。

  • body的主要作用?

答:网页的主体,描述网页主要内容,如段落、图片、控件等构成。

原文链接:https://mp.weixin.qq.com/s?__biz=MzU0MjkyMzYxMA==&mid=2247483667&idx=1&sn=80cc0263319e6450e10614b1503c4c8a&chksm=fb120f26cc65863068eaf7b13fec036bda5f20fcfc1d8017541b901e95665fef86d8203033f3#rd

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 2 HTML5基础

    答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。与传统C/C++/FORTRON计算机语言相比具备几个显著优势:首先...

    周星星9527
  • 2.2 HTML5基础入门

    网页就是HTML?这么理解大致准确。通常网页中包含了文字,图片、视频、小游戏,动画效果等等内容。我们以本章开头的html为例说明:

    周星星9527
  • 2.2 HTML5基础入门

    网页就是HTML?这么理解大致准确。通常网页中包含了文字,图片、视频、小游戏,动画效果等等内容。我们以本章开头的html为例说明:

    周星星9527
  • 2 HTML5基础

    答:借助HTML5解决和分析工业设计中的问题,易于实现数据可视化,而且支持所有主流操作系统。与传统C/C++/FORTRON计算机语言相比具备几个显著优势:首先...

    周星星9527
  • 学习go语言编程系列之helloworld

    1. 下载 https://golang.org/dl/ # Go语言官网地址,在国内下载太慢,甚至都无法访问。通过如下地址下载:https://golang...

    2Simple
  • 看我七十二变:HTML5游戏重打包变身安卓恶意软件

    随着W3C于2013年十月完成HTML5标准制定后,由HTML5编写的WEB应用程序数量一直呈快速增长趋势。我们可以预见越来越多的HTML5应用可能被攻击者利用...

    FB客服
  • Facebook、亚马逊是如何构建超集群数据库的

    我们建立了Keen IO,是为了以让大多数软件工程团队无需从头架设所有内容,就可以利用最新的大型事件数据技术。但是,如果您对如何成为巨头公司感到...

    BestSDK
  • Golang安装和配置

    在Mac,Windows和Linux是那个平台上都支持Golang,您可以从 https://golang.org/dl/下载相应平台的二进制文件。该网站在国内...

    会呼吸的Coder
  • Spring Boot 2.x 新特性总结及迁移指南

    这一篇文章主要讲解 Spring Boot 2.x 与 1.5.x 的区别,2.x 主要更新了什么东西,以便对 Spring Boot 2.x 有一个详细的了解...

    Java技术栈
  • 安装pip

    1. 下载pip 地址:https://pypi.python.org/pypi/pip#downloads

    hankleo

扫码关注云+社区

领取腾讯云代金券