这是HTM5L的第一篇博客.

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

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

  1. <!--根标签-->
  2. <html>
  3. <!--头部标签-->
  4. <!--
  5. src和href的区别
  6. src:引用,该资源是页面不可缺少的一部分,如(img标签 video标签 radio标签);
  7. href:引入,引入外部资源,如(a标签 link标签)
  8. -->
  9.   <head>
  10.      <meta charset="UTF-8">
  11.      <title>第一个程序</title>
  12.   </head>
  13. <!--身体标签-->
  14.   <body>
  15.      你好,世界!
  16.   </body>
  17. </html>

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

下面是一些常用标签

  1. <!--根标签-->
  2. <html>
  3. <!--头部标签-->
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title></title>
  7. </head>
  8. <!--身体标签-->
  9. <body>
  10. <!--标题标签-->
  11.     <h1>旭宝爱吃鱼</h1>
  12.     <h2>旭宝爱吃鱼</h2>
  13.     <h3>旭宝爱吃鱼</h3>
  14.     <h4>旭宝爱吃鱼</h4>
  15.     <h5>旭宝爱吃鱼</h5>
  16.     <h6>旭宝爱吃鱼</h6>
  17.  
  18.     <div>旭宝爱吃鱼</div>
  19.     <div>旭宝爱吃鱼</div>
  20.     <div>旭宝爱吃鱼</div>
  21.     <div>旭宝爱吃鱼</div>
  22.  
  23. <!--段落标签-->
  24.     <p>旭宝爱吃鱼</p>
  25.     <p>旭宝爱吃鱼</p>
  26.     <p>旭宝爱吃鱼</p>
  27. <!--输入框标签-->
  28.     <input><br>
  29.     <input placeholder="请输入用户名"><br><br><br>
  30.     <input value="旭宝爱吃鱼"><br>
  31.     <input type="color"><br>
  32.     <input type="checkbox"><br>
  33.     <input type="date"><br>
  34.     <input type="range"><br>
  35. <!--换行标签-->
  36.     <br>
  37. <!--超链接标签-->
  38.     <a href="http://baidu.com" target="_blank">百度一下,你就不知道</a>
  39. <!--图像标签
  40.     相对路径 项目中的资源
  41.     绝对路径 http:// https:// ftp:// file://
  42.    -->
  43.     <img src="https://www.baidu.com/img/bd_logo1.png" width="150" height="150">
  44.  
  45.   <!--列表标签-->
  46.    <ul>
  47.        <li>旭宝爱吃鱼->1</li>
  48.        <li>旭宝爱吃鱼->2</li>
  49.        <li>旭宝爱吃鱼->3</li>
  50.        <li>旭宝爱吃鱼->4</li>
  51.    </ul>
  52.   <!--容器标签-->
  53.    <div>旭宝爱吃鱼</div>
  54.  
  55. </body>
  56. </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. mysql 二进制日志后缀数字最大为多少

    之前看到mysql二进制日志后面会加一个以数字递增为结尾的后缀,一直在想当尾数到达999999后会发生什么情况,先查了一下官网,对后缀有这样一句介绍:The server creates binary ...

  2. EF基本操作增、删、查、改、分页，join……等

    一.批量添加数据 static void Main(string[] args) { add(); add2(); Console.ReadKey(); } static void add() { D ...

  3. 两个dropDownList和一个GridView的选择与显示

    很久没有写ASP.NET了,今天有看到论坛上一个问题:"两个dropDownList和一个GridView,已经进行了数据绑定,现在想让第一个下拉菜单的数据改变时,第二个下拉菜单自动变到相应 ...

  4. Tomcat Server Timeouts属性的设置

    在启动Tomcat Server时,经常会出现启动时间过长的错误,如下图所示(为了方便截图,Start Timeout被设置为5秒钟,一般为45秒钟). 双击Tomcat v7.0 Server at ...

  5. mysql-databaseython 3.4.0 with MySQL database

    Phttp://shttp://stackoverflow.com/questions/23376103/python-3-4-0-with-mysql-databasetackoverflow.co ...

  6. 点我吧工作总结（技术篇） Cobar原理和环境搭建

    我思故我在,提问启迪思考! 1.什么是Cobar? Cobar是关系型数据的分布式处理系统,它可以在分布式的环境下看上去像传统数据库一样为您提供海量数据服务.cobar已经在阿里巴巴B2B公司稳定运行 ...

  7. 【转】MyEclipse2015安装SVN插件

    一.下载SVN插件subclipse 下载地址:http://subclipse.tigris.org/servlets/ProjectDocumentList?folderID=2240 在打开的网 ...

  8. javaweb学习总结(十一)——使用Cookie进行会话管理

    一.会话的概念 会话可简单理解为:用户开一个浏览器,点击多个超链接,访问服务器多个web资源,然后关闭浏览器,整个过程称之为一个会话. 有状态会话:一个同学来过教室,下次再来教室,我们会知道这个同学曾 ...

  9. JS代码实用代码实例（输入框监听，点击显示点击其他地方消失,文件本地预览上传)

    前段时间写前端,遇到一些模块非常有用,总结以备后用 一.input框字数监听 <!DOCTYPE html> <html lang="en"> <he ...

  10. 我所知道的Javascript

    javascript到了今天,已经不再是我10多年前所认识的小脚本了.最近我也开始用javascript编写复杂的应用,所以觉得有必要将自己的javascript知识梳理一下.同大家一起分享javas ...