HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 的关键是标签，其作用是指示将出现的内容。

  1. HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
  2. HTML 链接是通过 <a> 标签进行定义的。<a href="http://www.w3school.com.cn">This is a link</a>
  3. HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" />
  4. 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。比如 <br />
  5. 如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：<p>This is<br />a para<br />graph with line breaks</p>
  6. <hr /> 标签在 HTML 页面中创建水平线。
  7. 无序列表始于 <ul> 标签。每个列表项始于 <li>；有序列表始于 <ol> 标签。每个列表项始于 <li> 标签；自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
  8. HTML注释：<!-- This is a comment -->
  9. HTML 标签可以拥有属性。
  10. <h1 align="center">
  11. <body bgcolor="yellow">
  12. <table border="1">
  13. 属性值应该始终被包括在引号内。双引号是最常用的，在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号.

使用样式：常用外部样式表/内联样式

  1. <head>
  2. <link rel="stylesheet" type="text/css" href="mystyle.css">
  3. </head>
  4. <body>
  5. <p style="color: red; margin-left: 20px">
  6. This is a paragraph
  7. </p>
  8. </body>

HTML中得元素分为块元素和内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束），例子：<h1>，<p>，<table>；内联元素在显示时通常不会以新行开始，如<b>，<a>。

可以通过 <div> 和 <span> 将 HTML 元素组合起来，便于CSS样式的控制，div是块元素，span是内联元素。

HTML表单是一个包含众多元素的区域

  1. <form name="input" action="html_form_action.asp" method="get">
  2. <input type="text" name="myname" />
  3. <input type="radio" name="sex" value="male" />
  4. <input type="checkbox" name="bike" />
  5. <input type="submit" value="Submit" />

HTML的框架，将多个网页整合在一起

  1. <html>
  2. <frameset cols="25%,50%,25%">
  3.   <frame src="/example/html/frame_a.html">
  4.   <frame src="/example/html/frame_b.html">
  5.   <frame src="/example/html/frame_c.html">
  6. </frameset>
  7. </html>

内联框架

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
  5. <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
  6. <p><b>注释：</b>由于链接的目标匹配 iframe 的名称，所以链接会在 iframe 中打开。</p>
  7. </body>
  8. </html>

元素速查http://www.w3school.com.cn/html/html_quick.asp

HTML头部<head>必须包含<title>，还可以包含<base>链接的默认地址和打开方式、<link>外部文件的关系、<style>很少使用这种方式的样式、<meta>网页的元数据秒数用于搜索引擎、<script>脚本。

XHTML 是更严格更纯净的 HTML 代码，是作为一种 XML 应用被重新定义的 HTML。

HTML5 是下一代的 HTML，添加了多媒体、画布的支持，新加了一些元素。新特性包括：对本地离线存储的更好的支持、web worker 运行在后台的 JavaScript、EventSource向服务器发送事件获取更新等。

PS：

客户端存储
cookie
localStorage（html5）
sessionStorage(html5)
有效期 服务器设定 永久，服务器可操作修改 一个回话
大小 4k 5M甚至更大 5M甚至更大
性能 服务器间传送 长期本地存储 短期本地存储

cookie和session对比：http://www.cnblogs.com/shiyangxt/archive/2008/10/07/1305506.html

html与html5的更多相关文章

  1. 使用HTML5开发Kinect体感游戏

    一.简介 我们要做的是怎样一款游戏? 在前不久成都TGC2016展会上,我们开发了一款<火影忍者手游>的体感游戏,主要模拟手游章节<九尾袭来 >,用户化身四代,与九尾进行对决, ...

  2. 读书笔记：《HTML5开发手册》--HTML5新的结构元素

    读书笔记:<HTML5开发手册> (HTML5 Developer's CookBook) 虽然从事前端开发已有很长一段时间,对HTML5标签也有使用,但在语义化上面理解还不够清晰.之前在 ...

  3. HTML5 Boilerplate - 让页面有个好的开始

    最近看到了HTML5 Boilerplate模版,系统的学习与了解了一下.在各种CSS库.JS框架层出不穷的今天,能看到这么好的HTML模版,感觉甚爽.写篇博客,推荐给大家使用.   一:HTML5 ...

  4. 戏说HTML5

    如果有非技术人员问你,HTML5是什么,你会怎么回答? 新的HTML规范... 给浏览器提供了牛逼能力,干以前不能干的事...(确切地说应该是给浏览器规定了许多新的接口标准,要求浏览器实现牛逼的功能. ...

  5. nw.js桌面软件开发系列 第0.1节 HTML5和桌面软件开发的碰撞

    第0.1节 HTML5和桌面软件开发的碰撞 当我们谈论桌面软件开发技术的时候,你会想到什么?如果不对技术本身进行更为深入的探讨,在我的世界里,有这么多技术概念可以被罗列出来(请原谅我本质上是一个Win ...

  6. Web大前端时代之：HTML5+CSS3入门系列

    准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTD ...

  7. 07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...

  8. HTML5 介绍

    本篇主要介绍HTML5规范的内容和页面上的架构变动. 目录 1. HTML5介绍 1.1 介绍 1.2 内容 1.3 浏览器支持情况 2. 创建HTML5页面 2.1 <!DOCTYPE> ...

  9. HTML5 语义元素(一)页面结构

    本篇主要介绍HTML5增加的语义元素中关于页面结构方面的,包含: <article>.<aside>.<figure>.<figcaption>.< ...

  10. HTML5 input元素新的特性

    在HTML5中,<input>元素增加了许多新的属性.方法及控件.本文章分别对这三方面进行介绍. 目录 1. 属性 2. 方法 3. 新控件 1. 属性 <input>元素在H ...

随机推荐

  1. Java多线程

    一:进程与线程 概述:几乎任何的操作系统都支持运行多个任务,通常一个任务就是一个程序,而一个程序就是一个进程.当一个进程运行时,内部可能包括多个顺序执行流,每个顺序执行流就是一个线程.   进程:进程 ...

  2. iframe用法

    <iframe src="http://caiyanli.top/" height="500"  width="500" frameb ...

  3. C#基础篇 - 理解委托和事件

    1.委托 委托类似于C++中的函数指针(一个指向内存位置的指针).委托是C#中类型安全的,可以订阅一个或多个具有相同签名方法的函数指针.简单理解,委托是一种可以把函数当做参数传递的类型.很多情况下,某 ...

  4. 关于.NET参数传递方式的思考

    年关将近,整个人已经没有了工作和写作的激情,估计这个时候很多人跟我差不多,该相亲的相亲,该聚会喝酒的聚会喝酒,总之就是没有了干活的心思(我有很多想法,但就是叫不动我的手脚,所以我只能看着别人在做我想做 ...

  5. 开源免费且稳定实用的.NET PDF打印组件itextSharp（.NET组件介绍之八）

    在这个.NET组件的介绍系列中,受到了很多园友的支持,一些园友(如:数据之巅. [秦时明月]等等这些大神 )也给我提出了对应的建议,我正在努力去改正,有不足之处还望大家多多包涵.在传播一些简单的知识的 ...

  6. 一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）

    在目前的软件项目中,都会较多的使用到对文档的操作,用于记录和统计相关业务信息.由于系统自身提供了对文档的相关操作,所以在一定程度上极大的简化了软件使用者的工作量. 在.NET项目中如果用户提出了相关文 ...

  7. [原] KVM 环境下MySQL性能对比

    KVM 环境下MySQL性能对比 标签(空格分隔): Cloud2.0 [TOC] 测试目的 对比MySQL在物理机和KVM环境下性能情况 压测标准 压测遵循单一变量原则,所有的对比都是只改变一个变量 ...

  8. VS2015在创建项目时的一些注意事项

    一.下面是在创建一个新的项目是我最常用的,现在对他们一一做一个详细的介绍: 1.Win32控制台应用程序我平时编写小的C/C++程序都用它,它应该是用的最多的. 2.名称和解决方案名称的区别:名称是项 ...

  9. 基于NPOI的Excel数据导入

    从Excel导入数据最令人头疼的是数据格式的兼容性,特别是日期类型的兼容性.为了能够无脑导入日期,折腾了一天的NPOI.在经过测试确实可以导入任意格式的合法日期后,写下这篇小文,与大家共享.完整代码请 ...

  10. 【搬砖】安卓入门（1）- Java开发入门

    01.01_计算机基础知识(计算机概述)(了解) A:什么是计算机?计算机在生活中的应用举例 计算机(Computer)全称:电子计算机,俗称电脑.是一种能够按照程序运行,自动.高速处理海量数据的现代 ...