当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2022-06-29 09:23:02 | 栏目:JavaScript代码 | 点击:

html5简介

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

新特征

1.用于绘画的 canvas 元素

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

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

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

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

HTML5 的一些改进

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。

您可能感兴趣的文章:

相关文章