对HTML5的初步认识(一)

时间 2020-04-22

标签 html5 html 初步认识栏目 HTML5 繁體版

原文原文链接

1、概述html

一、HTML5是什么？canvas

　　HTML5是最新一代的HTML标准，它不只拥有HTML中全部的特性，并且增长了许多实用的特性，如视频、音频、画布（canvas）等。 2012年12月17日，万维网联盟（W3C）正式宣布凝结了大量网络工做者心血的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网络平台的奠定石。”浏览器

二、HTML5的标签是指什么？什么是标签？网络

　　标签是HTML语言最基本的元素和组成部分，他使一个网页分出范围，内容区，解释区及各类内容的引用，简单地说，标签是使网页内各类内容互相区分，使内容与数据更加有序的，特殊的。做为一种标签语言，HTML有着本身的规范，长久以来，HTML语言由于被浏览器全面卓越地兼容而产生了大量的应用，这不只影响了世界，同时也吸引了大量的开发人员加入其中，与此同时，HTML在浏览器端应用在延申引起一系列的变化和问题。学习

三、HTML5标签的用途？字体

　　一、使Web页面的内容更加有序和规范。搜索引擎

　　二、使搜索引擎更加容易按照HTML5规则识别出有效的内容。
spa

　　三、使Web页面更接近有一种数据字段和表。3d

四、HTML5的优点：code

　　一、解决跨浏览器问题

　　二、部分替代了原来的JavaScript

　　三、更明确地语义支持

　　四、加强了Web应用程序的功能

五、HTML5网页的基本结构：

　　一、想本身作也网页首先第一步：

　　先创建一个文本，把格式换成html。

第二步：右键编辑下面的代码

1 <!DOCTYPE html>
2 <html>
3     <head>
4           <title>指定浏览器标题栏中的文本</title>    
5     <head>
6     <body>
7            <b>这是个人第一个网页</b>   
8     </body>
9 </html>

注：编写时必定要注意语法的正确性。

双击打开编写好的网页，会看见

必定要注意的是标签都是有始就会有终在你定义一个标签的的时候

好比：你定义一个head容器时，你要在写完内容时，在内容后面加上</head>。

对标签有必定的了解后，下面咱们学习一下每一个标签的做用。

六、<h1>到<h6>标签

　　<h1>到<h6>标签可定义标题的大小，<h1>定义最大的标题，<h6>定义最小标题。

　　例如：

打开浏览器，看看运行效果

注意：<hn></hn>这些标签显示黑体字

　　　<hn><.hn>这些标签自动插入一个空行，没必要用<p>标签再加空行，所以在一行中没法使用不一样大小的字体，因此它们也是段落级标签。

七、<p>标签

　　<p>标签订义段落。p元素会自动在先后建立一行空白行，浏览器会自动添加这些空间

八、<br>标签

<br />可插入一个简单的换行符。

注：<br>标签是空标签（意味着它没有结束标签，所以这是错误的：<br></br>），在HTML5中，吧结束标签放在开始标签中，也就是<br />

　　<br>标签只是简单地开始新的一行，在相邻的上下间不会出现行。

错误示范：刚接触的人，确定会以为换行就回车一下，可偏偏这是错误的

刚接触的人，确定会以为换行就回车一下，可偏偏这是错误的。

看错误效果

正确的示范：

运行效果

九、<hr>标签

　　标签在HTML页面中建立一条水平线。

　　水平分割线能够在视觉上将文档分隔成多个部分。

例如：

运行效果

十、标签

　　对代码进行注释。

每一个标签都有属于他们的属性

效果

以上是对HTML5的小部分标签的总结。若是有不足的地方也但愿能多多包含并指出问题，共同窗习，谢谢！

原文出处：https://www.cnblogs.com/xym0996/p/10628522.html