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

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

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

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
</body>

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

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

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

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

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

<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</html>

内联框架

<!DOCTYPE html>
<html>
<body>
<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
<p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>
</body>
</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. 让MacBook识别noppoo mini 84

    让MacBook识别noppoo mini 84 noppoo默认是没有mac驱动的,需要下载一个IOUSBHIDDriverDescriptorOverride否则无法noppoo的键位是识别错误的 ...

  2. CS Coder学习asp.net5个月的最大感悟:从http的角度重新认识asp.net(二)——我理解的ajax(二)

    啊哈,时隔两个月,才开始写上一篇文章的后续,实在是惭愧.主要是年尾公司又来活了,忙得团团转,而且这段时间在自学mvc.我在上文中,提到过我对mvc框架的初步印象是:相比webform,算是回归了bs本 ...

  3. android152 笔记 2

    27.谈谈UI中, Padding和Margin有什么区别? Padding 文字对边框, margin是控件对父窗体. 28. widget相对位置的完成在activity的哪个生命周期阶段实现.控 ...

  4. Oracle连接配置以及实例的备份和恢复

    背景:一个团队项目开发,不可能每个人都架设自己本地的数据库,大多数情况下是统一用服务器上的数据库,这时候就需要进行远程数据库的连接.而且有时候还需要进行数据库搬迁 ,这时候就需要进行数据库的备份和恢复 ...

  5. spark RDD,DataFrame,DataSet 介绍

    弹性分布式数据集(Resilient Distributed Dataset,RDD) RDD是Spark一开始就提供的主要API,从根本上来说,一个RDD就是你的数据的一个不可变的分布式元素集合,在 ...

  6. [模拟赛] T3 Exploit

    Description 4X概念体系,是指在PC战略游戏中一种相当普及和成熟的系统概念,得名自4个同样以"EX"为开头的英语单词. eXplore(探索) eXpand(拓张与发展 ...

  7. 遗忘Windows Server 2008R2密码的处理方法

    遗忘Windows Server 2008R2的处理方法 有的时候,我们会由于各种原因忘掉了服务器密码,比如服务器太多,太杂什么的,或直接是被人黑掉了,这个时候我们想要登录,发现我们已经没有办法了,其 ...

  8. 01: JavaScript实例

    1.1 基础 JavaScript 实例 <body> <script type="text/javascript"> document.write(&qu ...

  9. java是如何编码解码的

    在上篇博客中LZ阐述了java各个渠道转码的过程,阐述了java在运行过程中那些步骤在进行转码,在这些转码过程中如果一处出现问题就很有可能会产生乱码!下面LZ就讲述java在转码过程中是如何来进行编码 ...

  10. C++后台研发面试总结

    前言: 从中秋到国庆这几天面试了几家公司,有大公司也有小公司,连续几天面试没有系统的整理整理,正好有时间系统的整理一下,好多考点牛客的大佬们都分享过了,虽然每个人的方向不相同,不过多看一些总能找到一些 ...