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文本:

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的主要作用?

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

原文发布于微信公众号 - 传输过程数值模拟学习笔记(SongSimStudio)

原文发表时间:2018-07-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏macOS 开发学习

Mac开发跬步积累(五): Dark Mode下适配你的UI界面

在macOS 10.9+ 的时候,苹果就提供了NSAppearance这个类来协助AppKit管理App的UI控件. NSAppearance决定着AppKit...

1582
来自专栏知晓程序

电商类小程序实战教程 Vol.2:列表加载

1163
来自专栏小狼的世界

CSS调用远程字体

Demo 可以参考:http://idv3.sinaapp.com 中标题字体的用法,具体用法如下:

1541
来自专栏每日一篇技术文章

VR+全景播放器+头控讲解-05

1441
来自专栏韩东吉的Unity杂货铺

零基础入门 16: UGUI RawImage

今天的内容会很简单,也会很短,分享一下UGUI的RawImage,那什么是RawImage呢?

982
来自专栏前端新视界

React 系列教程 1:实现 Animate.css 官网效果

4042
来自专栏HTML5学堂

【系列】移动端项目经验 表单兼容(下篇)

【系列】移动端项目经验 表单兼容(下篇) HTML5学堂:本文,我们将继续为大家总结介绍移动端的常见兼容问题,今天要提的是关于表单的一些兼容问题,主要包括调用相...

37112
来自专栏厦门SEO

从前端角度浅谈代码对SEO的影响!

正文内容:通过上面的简单介绍,想必大家也会觉得:其实前端真正对SEO比较有影响作用的还是HTML。

2235
来自专栏liulun

学习WPF——使用Font-Awesome图标字体

图标字体介绍 在介绍图标字体之前,不得不介绍图标格式ICON ICON是一种图标格式,我们操作系统中各种应用程序都包含一个图标 比如QQ程序的图标是一个可...

3285
来自专栏DeveWork

移动端UC /QQ 浏览器的部分私有Meta 属性

如同桌面端一样,在国内做web 移动开发的话肯定得考虑下移动端占有率靠前的几个国产浏览器的一些适配工作。好在当前移动端浏览器都是wekit 内核一霸天下,单从这...

32010

扫码关注云+社区

领取腾讯云代金券