HTML5菜鸟入门指导:简介、平台搭建、示例演示

简介: <h1 style="text-align:center"><strong>HTML5菜鸟入门指导:简介、平台搭建、示例演示</strong></h1> <p style="text-align:center"><strong><br></strong></p> <p><strong></strong></p> <h2><u>一、HTML5简介</u></h2> <p></p>

HTML5菜鸟入门指导:简介、平台搭建、示例演示


一、HTML5简介

1、  了解HTML

(1)、什么是HTML?

HTML是用来描述网页的一种语言;

HTML指超文本标记语言(Hyper Text Markup Language)

HTML不是变成语言,是一种标记语言


(2)、版本

HTML出现于1991年

HTML+出现于1993年

HTML2.0出现于1995年

HTML3.2出现于1997年

HTML4.01出现于1999年

XHTML1.0出现于2000年

HTML5出现于2012年(备受关注,2008年就出现了其草案)

XHTML5出现于2013年


2、HTML5相关知识

       学好HTML5要学好以下知识:

HTML

XHTML

Css

Css3

JavaScript

JQuery

HTML5


3、HTML5的新特性

(1)、用于绘画的canvas标签

(2)、用于媒介回放的video和audio元素

(3)、对本地离线存储的更好支持

(4)、新的特殊内容元素

           如:article/footer/header/nav/section等

(5)、新的表单控件

           如:calendar/data/time/email/url/search等

(6)、浏览器的支持

           如:Safari/Chrome/Firefox以及Opera包括IE9等都基本支持了HTML5。


二、HTML5集成开发环境的搭建

所采用的软件平台:IntelliJ IDEA

IntelliJIDEA下载地址: http://www.jetbrains.com/idea/download/

(注:请根据自己的电脑系统下载Ultimate版本,试用期30天,功能更齐全,不推荐下载Community免费版本,因为部分重要的功能不支持)

下面介绍软件使用方法:

1、  打开软件界面,点击CreateNew Project

2、选择Static Web中的Static Web,点击Next

3、输入项目名称并指定项目路径


点击Finish,出现如下界面

4、在项目上右击,选择New,新建HTML5 file,点击OK,出现模板。


到这儿,集成环境就搭建完毕了。关于如何具体使用,请不要走开。


三、示例演示

1、首先创建index.html,这一步上面已经说过了。请完成下图中的代码。

2、再新建一个index01.html,对于初学者可以把自己的code代码放在这儿,后面就知道为什么再新建一个index01.html了。

3、运行

把鼠标放在代码框的右上角,会出现如下图标志。

4、点击最后一个图标,即IE浏览器,出现如下结果。

注:关于lena这幅图,是因为<img src="images/lena.png">,我们之前新建了一个文件夹存放图片,如下图。

截止到这儿,相信菜鸟也应该会使用HTML5了吧。。。。

关于HTML5必须学习的相关知识后续中。。。。


目录
相关文章
|
6月前
|
Ubuntu C++ Docker
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
Docker的基本指令和HTML/PYTHON/C++的简单创建示例
|
3月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
66 19
|
3月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
56 13
|
2月前
|
移动开发 前端开发 JavaScript
HTML入门(详细)
HTML入门(详细)
28 0
|
3月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
4月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
3月前
|
C++ Windows
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
HTML+JavaScript构建C++类代码一键转换MASM32代码平台
|
4月前
|
移动开发 开发者 HTML5
构建你的首个个人网站:HTML基础入门
【8月更文挑战第29天】在数字化时代,拥有一个个人网站是展示自我、分享知识和技能的窗口。本文将引导你通过简单的步骤,使用HTML构建你的第一个个人网站。我们将探索HTML的基础标签,页面结构,以及如何将这些元素融合在一起创建一个简单的网页。无论你是编程新手还是希望扩展你的技术工具箱,这篇文章都提供了一条清晰的路径,帮助你开始你的网站开发之旅。
|
6月前
|
前端开发
超文本标记语言(HTML)简介
超文本标记语言(HTML)简介
|
6月前
|
开发者
HTML 实体字符简介
HTML 实体字符简介