完全不用基础的HTML5入门篇教程

软件编程
2026-01-11 07:16:56

html5简介

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

新特征

1.用于绘画的 canvas 元素

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

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

4.新的特殊内容元素，比如 article、footer、header、nav、section

5.新的表单控件，比如 calendar、date、time、email、url、search

HTML5 的一些改进

新元素
新属性
支持 CSS3、Video 和 Audio、2D/3D 制图
本地存储、本地 SQL 数据
Web 应用

HTML5 的多媒体

HTML5 你可以在网页中播放视频(video)与音频 (audio) 。

HTML5 <video>
HTML5 <audio>

注释：

在开始标签中有一个惊叹号，但是结束标签中没有。浏览器不会显示注释，但是能够帮助记录您的 HTML 文档。

基础

标题

HTML 标题是通过<h> - <h1> 标签来定义的。
注意最多6个标题：h1到h6
<h1>这是一个标题</h1>

HTML 段落

<p>第一个段落</p>
<p>第二个段落</p>
....
p>第...个段落</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的
例如
<a href="https://blog.csdn.net/weixin_52062043?spm=1000.2115.3001.5343" rel="external nofollow" rel="external nofollow" >这是笑霸fianl的csdn链接</a>

一个简单的代码例子

<html>
<head>
<meta charset="utf-8">
	<!-- 有中文需要此代码 <meta charset="utf-8"> 声明编码，否则可能会出现乱码。 -->
<title>final的html入门</title>
		<!-- 这个是网页的名字 -->
</head>
<body>
这里就是网页的主体 

<h1>标题一</h1>
<p>段落一：HTML5是构建Web内容的一种语言描述方式。</p>
<a href="https://blog.csdn.net/weixin_52062043?spm=1000.2115.3001.5343" rel="external nofollow"  rel="external nofollow" >这是笑霸fianl的csdn链接</a>

</body>
</html>

注释：HTML5 中默认的

字符编码是 UTF-8。