这是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. 勤能补挫-简单But易错的JS&CSS问题总结

    错误频率较高的JS&CSS问题 勤能补拙,不管是哪门子技术,在实践中多多总结,开发效率慢慢就会提升.本篇介绍几个经常出错的JS&CSS问题,包括事件冒泡.(使用offset.scrol ...

  2. 设置参数进行启动的Python脚本模板

    # coding:utf-8 from optparse import OptionParser def migrate_func(): print 'You give the migrate arg ...

  3. 未能加载文件或程序集“System.Web.Http.WebHost, Version=4.0.0.0, ”或它的某一个依赖项。系统找不到指定的文件。

    一:错误提示 "未能加载文件或程序集"System.Web.Http.WebHost, Version=4.0.0.0, Culture=neutral, PublicKeyTok ...

  4. 写给自己的 程序集&msil 扫盲

    嘴上不说 心里却想MD 这家伙在博客园装了这么久的高手 竟然连这都不会 ,我去噢. 程序集签名 .net 下 “程序集” 什么东东 ,反正就是听着挺牛x的,其实就是指“一堆程序”从我们传统的C++封装 ...

  5. C#实现网页爬虫

    HTTP请求工具类(功能:1.获取网页html:2.下载网络图片:): using System; using System.Collections.Generic; using System.Dra ...

  6. Ajax学习笔记1之第一个Ajax应用程序

    代码 <head> <title>An Ajax demo</title> <script src="../js/jquery-1.4.1.js&q ...

  7. HTML5中的sessionStorage和localStorage

    html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(session)中的数据,这些数据只 ...

  8. MurmurHash算法：高运算性能，低碰撞率的hash算法

    MurmurHash算法:高运算性能,低碰撞率,由Austin Appleby创建于2008年,现已应用到Hadoop.libstdc++.nginx.libmemcached等开源系统.2011年A ...

  9. C#中使用System.Web.Mail.MailMessage类无法CC多人的问题

    从.NET 2.0 开始,引入了一个新的类,System.Net.Mail.MailMessage.该类用来取代 .NET 1.1 时代System.Web.Mail.MailMessage类.Sys ...

  10. Spark集群 + Akka + Kafka + Scala 开发(3) : 开发一个Akka + Spark的应用

    前言 在Spark集群 + Akka + Kafka + Scala 开发(1) : 配置开发环境中,我们已经部署好了一个Spark的开发环境. 在Spark集群 + Akka + Kafka + S ...