一、概述

1、HTML5是什么？

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

2、HTML5的标签是指什么？什么是标签？

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

3、HTML5标签的用途？

　　1、使Web页面的内容更加有序和规范。

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

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

4、HTML5的优势：

　　1、解决跨浏览器问题

　　2、部分替代了原来的JavaScript

　　3、更明确地语义支持

　　4、增强了Web应用程序的功能

 5、HTML5网页的基本结构：

　　1、想自己做也网页首先第一步：

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

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

 <!DOCTYPE html>
 <html>
     <head>
           <title>指定浏览器标题栏中的文本</title>
     <head>
     <body>
            <b>这是我的第一个网页</b>
     </body>
 </html>

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

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

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

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

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

6、<h1>到<h6>标签

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

　　例如：

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

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

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

7、<p>标签

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

8、<br>标签

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

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

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

错误示范：刚接触的人，肯定会觉得换行就回车一下，可恰恰这是错误的

刚接触的人，肯定会觉得换行就回车一下，可恰恰这是错误的。

看错误效果

正确的示范：

　　

运行效果

9、<hr>标签

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

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

例如：

运行效果

10、<!--    -->标签

　　对代码进行注释。

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

效果

以上是对HTML5的小部分标签的总结。如果有不足的地方也希望能多多包含并指出问题，共同学习，谢谢！

对HTML5的初步认识(一)的更多相关文章

  1. HTML5 plus是什么？

    1.HTML5 plus 1.1 提出问题 如果大家使用过MUI框架,看到下面的代码就不会感到陌生. mui.plusReady(function(){ var self = plus.webview ...

  2. 指路Reactive Programming

    指路Reactive Programming Mar 02, 2016 in Engineering 我在工作中采用Reactive Programming(RP)已经有一年了,对于这个“新鲜”的辞藻 ...

  3. HTML5初步——新的表单元素和属性

    HTML5初步--新的表单元素和属性 HTML5初步--新的表单元素和属性 <!DOCTYPE html> <html> <head> <meta chars ...

  4. HTML5 初步了解

    这是HTM5L的第一篇博客. 那么就让我们简单的了解HTML5的语法吧. (HTML5运行环境要求极低,非关键地方就不做截图了) <!--根标签--> <html> <! ...

  5. HTML5初步了解

        一.使用HTML5的十大原因 你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码.HTML5是w ...

  6. 学习前端第二天心得体会（初步了解HTML5的部分API以及画布Canvas）

    一.HTML5部分API 1.选择器querySelector和querySelectorAll 1.1.querySelector:返回文档中匹配指定的CSS选择器的第一元素.  document. ...

  7. 学习前端第一天心得体会（初步了解HTML5的新特性以及和HTML的区别）

    一.HTML5是什么? HTML5 是最新的 HTML 标准. HTML5 是专门为承载丰富的 web 内容而设计的,并且无需额外插件. HTML5 拥有新的语义.图形以及多媒体元素. HTML5 提 ...

  8. html5引擎开发 -- 引擎消息中心和有限状态机 - 初步整理 一

    一 什么是有限状态机        FSM (finite-state machine),又称有限状态自动机,简称状态机,是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模型.他对于逻辑以及 ...

  9. 移动端之Android开发的几种方式的初步体验

    目前越来越多的移动端混合开发方式,下面列举的大多数我都略微的尝试过,就初步的认识写个简单的心得: 开发方式 开发环境 是否需要AndroidSDK 支持跨平台 开发语言&技能 MUI Win+ ...

随机推荐

  1. Restful levels&HATEOAS

    RESTful: Rest是一种软件架构风格.设计风格,而不是标准,只是提供了一组设计原则和约束条件.它主要用于客户端和服务器交互类的软件.基于这个风格设计的软件可以更简洁,更有层次,更易于实现缓存等 ...

  2. Winform将一个窗体显示在另一个窗体中

    private void ShowForm(Form Indexform) { Form1 form1 = new Form1(); form1 .TopLevel = false; form1 .P ...

  3. 二分（HDU2289 Cup）

    贴代码: 题目意思:已知r水的下半径,R水的上半径,H为圆台高度,V为水的体积,求水的高度,如图: 水的高度一定在0-100,所以在这个区间逐步二分,对每次二分出的水的高度,计算相应的体积,看看计算出 ...

  4. hibernate封装Until工具类

    public class HibernateUntil { private static SessionFactory sessionfaction; //一个web项目确保只调用一个sessionf ...

  5. 连接池c3p0 ,Proxool ,Druid ,Tomcat Jdbc Pool对比测试

    这次所要做的测试是比较几种我们常用的数据库连接池的性能,他们分别是:c3p0 ,Proxool ,Druid ,Tomcat Jdbc Pool这四种,测试将采用统一的参数配置力求比较“公平”的体现统 ...

  6. MapReduce计算模型的优化

    MapReduce 计算模型的优化涉及了方方面面的内容,但是主要集中在两个方面:一是计算性能方面的优化:二是I/O操作方面的优化.这其中,又包含六个方面的内容. 1.任务调度 任务调度是Hadoop中 ...

  7. SUSE12Sp3-kafka安装

    1.安装java jdk sudo mkdir -p /usr/local/java #创建目录 将jdk-8u201-linux-x64.tar.gz上传到该目录 cd /user/local/ja ...

  8. JavaScript02-js使用

    JS的用法有两种: 第一种是在html页面通过引入外部js文件,第二种是直接将js代码写在html中.小例如下: 第一种 <script type="text/javascript&q ...

  9. Mongodb的集合插入一个字段

    在mongodb的现有集合中增加一个字段: db.rules.update({"_id" : ObjectId("587e5e0e09a4670334208e88&quo ...

  10. tensorflow 1.0 学习：用别人训练好的模型来进行图像分类

    谷歌在大型图像数据库ImageNet上训练好了一个Inception-v3模型,这个模型我们可以直接用来进来图像分类. 下载地址:https://storage.googleapis.com/down ...