这是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. Linux ACL

    ACL 是什么 ACL的全称是 Access Control List (访问控制列表) ,一个针对文件/目录的访问控制列表.它在UGO权限管理的基础上为文件系统提供一个额外的.更灵活的权限管理机制. ...

  2. LINQ的Expression与delegate表达式

    Linq的delegate表达式,Insus.NET觉得它封装得好,让开发时简化了很多代码,而且容易阅读与检索. 比如,我们需要计算优惠给客户金额,打85%折,可以这样写: using System; ...

  3. 【UWP】不通过异常判断文件是否存在

    从WP升到WinRT(Win8/WP8.1/UWP)后所有的文件操作都变成StorageFile和StorageFolder的方式,但是微软并没有提供判断文件是否存在的方法通常的做法我们可以通过下面方 ...

  4. .NET invoke NetSuite Restlet

    Please indicate the source if you need to repost. Restlet allows programmers to use the http request ...

  5. Delegate

    public delegate void EventHandler(object sender, EventArgs e); pulic EventHandler HandleMapMessage; ...

  6. Yii2所提倡的配置管理方案

    无意中看到Yii2提供的高级应用模板,里面将入口文件与环境相关配置项放到独立的目录下的相应文件中.这应该算是一种比较理想的应用配置管理方案了. 以前整理过一种思路:http://www.cnblogs ...

  7. Java中用户界面布局

    绝对布局Absolute 通过放大或缩小界面的时候,组件大小和位置不会发生变化 浮动布局FlowLayout 调整应用程序窗口的大小时,组件将立刻重新排列 边界布局Border Layout 该位置有 ...

  8. Data Structures/Algorithms 小甲鱼99讲笔记系列(1~~15讲)

    参考资料地址: http://www.icoolxue.com/ 1.数据结构中四种逻辑结构. ① 集合 集合中任何两个数据元素之间都没有逻辑关系,组织形式松散. ② 线性结构 线性结构中的 结点按逻 ...

  9. Monkey测试1——Monkey的使用

    Monkey工具使用 一. 什么是Monkey Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中.它向系统发送伪随机的用户事件流(如按键输入.触摸屏输入.手势输入等),实 ...

  10. 初识Hibernate 缓存

    生活就像一杯咖啡,让你我慢慢的品尝,品尝它的苦涩和甘甜...... 一.什么是Hibernate缓存. 解析:白话来说就是缓存数据的容器 官方标准点缓存:是计算机领域的概念,它介于应用程序和永久性数据 ...