HTML5开发笔记_2、HTML5基础_1.HTML5特性简介-CSDN博客

本文链接：https://blog.csdn.net/zjf_sdnu/article/details/44117655

本课介绍HTML5的新特性，掌握HTML5的基础语法，并能够完成一个自己的页面。

课程概要

一、了解HTML

1、什么是HTML？

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

HTML是指超文本标记语言（Hyper Text Markup Language）

HTML不是编程语言，是一种标记语言

2、HTML版本

版本年份

HTML 1991

HTML+ 1993

HTML2.0 1995

HTML3.2 1997

HTML4.01 1999

XHTML1.0 2000

HTML5 2012

XHTML5 2013

二、HTML5相关知识

1、学好HTML5要学好以下知识：

HTML

XHTML

CSS

CSS3

JavaScript

jQuery

HTML5

三、HTML5的新特性

1、用于绘画的canvas标签

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

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

4、新的特殊内容元素

如：article、footer、header、nav、sectioin

5、新的表单控件

如：calendar、date、time、email、url、search

6、浏览器的支持

Safari、Chrome、Firefox以及Opera包括IE9基本支持了HTML5

HTML5介绍之集成开发环境

Intellij IDEA的基本使用讲解

下载

Ultimate Edition

四、HTML基础讲解

1、声明：<!DOCTYPE>

HTML也有多个不同版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确的显示出HTML页面。这就是<!DOCTYPE>的用处

HTML5：

<!DOCTYPE html>

HTML4.01：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org//TR//html4//loose.dtd">

XHTML 1.0：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org//TR//xhtml1//xhtml1-transitional.dtd">

2、HTML基础标签

head、body、title

HTML标题

<h1>...<h6>等标签进行定义

HTML段落

<p>标签定义段落

HTML链接

<a>标签定义链接

HTML图像

<img>标签定义图像

代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HTML基础</title>
</head>
<body>
jikexueyuan
hello
<h1>标题h1</h1>
<h2>标题h2</h2>
<h3>标题h3</h3>
<h4>标题h4</h4>
<h5>标题h5</h5>
<h6>标题h6</h6>
<p>hello极客学院</p>
hello
<a href="http://www.jikexueyuan.com">学习的家园</a>
<img src="images/html5.jpg">
</body>
</html>