这是HTM5L的第一篇博客.

那么就让我们简单的了解HTML5的语法吧.

(HTML5运行环境要求极低,非关键地方就不做截图了)

<!--根标签-->

<html>

<!--头部标签-->

<!--

src和href的区别

src:引用,该资源是页面不可缺少的一部分,如(img标签 video标签 radio标签);

href:引入,引入外部资源,如(a标签 link标签)

-->

  <head>

     <meta charset="UTF-8">

     <title>第一个程序</title>

  </head>

<!--身体标签-->

  <body>

     你好,世界!

  </body>

</html>

上面的代码是最最简单的代码

下面是一些常用标签

<!--根标签-->

<html>

<!--头部标签-->

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<!--身体标签-->

<body>

<!--标题标签-->

    <h1>旭宝爱吃鱼</h1>

    <h2>旭宝爱吃鱼</h2>

    <h3>旭宝爱吃鱼</h3>

    <h4>旭宝爱吃鱼</h4>

    <h5>旭宝爱吃鱼</h5>

    <h6>旭宝爱吃鱼</h6>

    <div>旭宝爱吃鱼</div>

    <div>旭宝爱吃鱼</div>

    <div>旭宝爱吃鱼</div>

    <div>旭宝爱吃鱼</div>

<!--段落标签-->

    <p>旭宝爱吃鱼</p>

    <p>旭宝爱吃鱼</p>

    <p>旭宝爱吃鱼</p>

<!--输入框标签-->

    <input><br>

    <input placeholder="请输入用户名"><br><br><br>

    <input value="旭宝爱吃鱼"><br>

    <input type="color"><br>

    <input type="checkbox"><br>

    <input type="date"><br>

    <input type="range"><br>

<!--换行标签-->

    <br>

<!--超链接标签-->

    <a href="http://baidu.com" target="_blank">百度一下,你就不知道</a>

<!--图像标签

    相对路径 项目中的资源

    绝对路径 http:// https:// ftp:// file://

   -->

    <img src="https://www.baidu.com/img/bd_logo1.png" width="150" height="150">

  <!--列表标签-->

   <ul>

       <li>旭宝爱吃鱼->1</li>

       <li>旭宝爱吃鱼->2</li>

       <li>旭宝爱吃鱼->3</li>

       <li>旭宝爱吃鱼->4</li>

   </ul>

  <!--容器标签-->

   <div>旭宝爱吃鱼</div>

</body>

</html>

HTML5 初步了解的更多相关文章

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

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

  2. HTML5初步了解

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

  3. 对HTML5的初步认识(一)

    一.概述 1.HTML5是什么? HTML5是最新一代的HTML标准,它不仅拥有HTML中所有的特性,而且增加了许多实用的特性,如视频.音频.画布(canvas)等. 2012年12月17日,万维网联 ...

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

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

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

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

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

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

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

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

  8. [入门级] 基于 visual studio 2010 mvc4 的图书管理系统开发初步 （二）

    [入门级] 基于 visual studio 2010 mvc4 的图书管理系统开发初步 (二) Date  周六 10 一月 2015 By 钟谢伟 Category website develop ...

  9. 基于 HTML5 的 Web SCADA 报表

    背景 最近在一个 SCADA 项目中遇到了在 Web 页面中展示设备报表的需求.一个完整的报表,一般包含了筛选操作区.表格.Chart.展板等多种元素,而其中的数据表格是最常用的控件.在以往的工业项目 ...

随机推荐

  1. 不可或缺 Windows Native (21) - C++: 继承, 组合, 派生类的构造函数和析构函数, 基类与派生类的转换, 子对象的实例化, 基类成员的隐藏（派生类成员覆盖基类成员）

    [源码下载] 不可或缺 Windows Native (21) - C++: 继承, 组合, 派生类的构造函数和析构函数, 基类与派生类的转换, 子对象的实例化, 基类成员的隐藏(派生类成员覆盖基类成 ...

  2. 不可或缺 Windows Native (14) - C++: 文件

    [源码下载] 不可或缺 Windows Native (14) - C++: 文件 作者:webabcd 介绍不可或缺 Windows Native 之 C++ 文件 示例CppIO2.h #prag ...

  3. Tsung测试Tigase

    用两台主机坐Tigase的Tsung测试,其中1台运行Tigase,另1台运行Tsung. 1.Tigase服务器设置 tigase.conf: #osgiEnabled=(true|false) # ...

  4. [范例] Firemonkey TForm 实现 OnMouseLeave 事件 (適用 Win & OS X)

    在 Firemonkey 的 TForm 并没有提供 OnMouseLeave 的事件,不过可以透过 OnMouseMove 来达到相同效果,请见代码: uses FMX.Consts; proced ...

  5. 良好Web系统架构的几个因素

    好像以前整理过一些思路. 这里的架构不是指纵向的架构,而是横向的架构方面. 三个词:挂件化.模块化.钩子化.

  6. 2015暑假多校联合---Expression（区间DP）

    题目链接 http://acm.split.hdu.edu.cn/showproblem.php?pid=5396 Problem Description Teacher Mai has n numb ...

  7. Android APP测试的日志文件抓取

         1    log文件分类简介 实时打印的主要有:logcat main,logcat radio,logcat events,tcpdump,还有高通平台的还会有QXDM日志 状态信息的有: ...

  8. Send push notification on Apple (APNS) on c#.net

    原文: http://apns-c-sharp-net-vikram-jain.blogspot.com ======================= Please, Install your ce ...

  9. Nivo Slider - 世界上最棒的 jQuery 图片轮播插件

    Nivo Slider 号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本.目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如 ...

  10. HTML中input标签的alt属性和title属性的比较

    经常用到这两个属性,但是一直没有总结他们的区别.现在我对他们两个的用法做一下总结: 相同点:他们都会飘出一个小浮层,显示文本内容. 不同点: 1.alt只能是元素的属性,而title即可以是元素的属性 ...