html
订阅
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
[1]
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
[1]
展开全文
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
[1]
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
[1]
信息
- 中文
- 超文本标记语言
- 外文名
- Hyper Text Markup Language
- 类 型
- 标记语言
- 阅读方式
- 网页浏览器
- 中文名
- 超级文本标记语言
HTML简介
HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如UNIX， Windows等)。使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。
[2]
自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。
[2]
万维网（world wide web）上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
[3]
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
[4]
超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
[3]
-
8小时学会HTML网页开发
2015-03-18 20:46:18一说学网页,学编程,大家都下意识觉得要"吃苦","熬夜",哪有那么复杂,一定是你... 挑一个阳光的午后,关掉手机,用6个小时,看看十八哥如何把一个公司的保安教会HTML,Div,CSS的. 课程共8小时,57小集,轻松一点,你将马上学会. -
HTML技法-HTML加密解密/压缩优化与HTML乱码分析/防360拦截/HTML万能解密器
2016-06-28 14:02:29课程内容包含乱码的原因分析、代码的压缩与优化、JavaScript/html前端代码加密解密、前端加密防360浏览器拦截、html代码解密原理分析、万能解密神器、手动解密html代码等等。 -
如何在HTML中限制input 输入框只能输入纯数字
2018-02-27 15:23:29在输入框输入任何非数字内容，都会自动退格并清除！...DOCTYPE html> <html lang="en"> <head> <meta charset="U展开全文限制
input输入框只能输入纯数字1、onkeyup = "value=value.replace(/[^\d]/g,'')"使用
onkeyup事件，有bug，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母2、onchange = "value=value.replace(/[^\d]/g,'')"使用
onchange事件，在输入内容后，只有input丧失焦点时才会得到结果，并不能在输入时就做出响应3、oninput = "value=value.replace(/[^\d]/g,'')"使用
oninput事件，完美的解决了以上两种问题，测试暂时还没有出现其它问题。代码示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>input</title> </head> <body> 只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')"> </body> </html>以上代码均已在谷歌、火狐、百度、UC、IE11、360急速、QQ、Edge浏览器下测试完毕，请放心使用，
感谢
qq_38726717、小小小欣两位小伙伴在评论区的反馈。
-
在html页面实时显示系统时间
2018-11-05 13:24:58在html页面实时显示系统时间 桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=...展开全文在html页面实时显示系统时间
桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>系统时间</title> </head> <body> <div id="datetime"> <script> setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000); </script> </div> </body>代码解析：
new Date()是取现在系统时间的实例，其格式为： 显示的结果是：Mar 31 10:10:43 UTC+0800 2018 这种格式的时间但是当这种对象参加计算后就会自动改变格式为：年月日 时分秒
toLocaleString()便是将该对象在本地打印，自动转换了格式为: 2018/11/5 下午1:18:17 或 2018年11月5日 13:19:14 (取决于不同的浏览器)这个方法是循环方法，后面的1000是毫秒数，每单位毫秒数执行一次前面的xxx
setInterval("xxx",1000);这句话的操作就是，每1000毫秒(即1秒)，取当前时间打印更新在页面该标签里，实现系统时间实时显示
=======================我是一条温柔的分割线=======================
有网友提出格式化成"yyyy-MM-dd hh:mm:ss"的问题，我在这里更新一下：
桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>系统时间</title> </head> <body> <script> Date.prototype.format = function (fmt) { var o = { "y+": this.getFullYear, //年 "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.getSeconds() //秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000); </script> <div id="dateTime"></div> </body>运行结果：
-
细说HTML(HTML+HTML5）
2019-07-19 09:08:40本课程包含15章72个小节课程，内容涵盖：开发环境搭建、HTML概述、HTML元数据、标记文字、组织内容、文档划分、表格、表单、表单输入、其他表单元素、嵌入内容、图形绘制Canvas、多媒体、Web存储、拖放效果等。 -
HTML 5移动开发从入门到精通
2015-01-14 20:16:03本课程讲述了HTML 5移动开发的各种技术，通过本课程的学习，用户可以掌握HTML 5移动开发的技巧 -
HTML5浪漫爱心表白动画在线演示程序
2014-02-12 23:50:10HTML5浪漫爱心表白动画在线演示.htm 修改一下情人节送女友 -
HTML基础
2017-11-19 08:36:31本章通过实例向您演示常用的 HTML 标签。 提示：不要担心本章中您还没有学过的例子，您将在下面的章节中学到它们。 提示：学习 HTML 好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器，... -
HTML5教程 PDF
2014-03-16 14:53:59HTML5教程 PDF -
教你玩转HTML(html5)h5网页设计，网站开发
2015-07-17 12:31:36教你玩转HTML(html5)h5网页设计，网站开 -
DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo演示</title> <link rel="stylesheet" href="css/style.css" /> </head> <body> <!-- ...
-
html教程 html电子书
2009-01-20 14:57:21html基础教程,html入门的简易教程,学习html快速入门的资料 -
一套后台管理html模版
2014-08-04 09:26:46在页面 http://www.cnblogs.com/strick/p/3884797.html 有一些说明 -
jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机...
2014-06-21 17:44:32jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器html5 视频播放器 video示例 音频播放器 手机播放器 -
HTML5基础视频课程 - 实用的HTML教程
2015-07-27 13:37:54学习本课程可以掌握的技能HTML5，网页结构 -
Web前端与HTML5移动开发系列一：HTML篇
2017-03-09 19:34:22掌握HTML4.01常见基本标签; 熟练HTML结构和语法规范; 使用列表系列标签完成常见网页中的列表结构; 熟练掌握表格，表单都系列标签，在项目中熟练使用; 了解哪些标签在项目中经常使用，哪些标签已被废除; 迈出HTML5... -
50余款手机页面模版源码html5
2015-11-16 16:29:1550余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32... -
HTML基础入门视频课程
2018-12-01 13:01:20本课程从零开始，以通俗易懂的方式讲解HTML技术，手把手教你掌握每一个知识点。课程中使用的所有英文单词都会逐一查询并记录，真正做到零基础入门学习，适合初学者的教程！ 课程内容包括： 1.HTML简介、文档结构 2.... -
完整HTML实例网页代码（1）
2019-04-21 10:18:51要完成一个网页的制作其实本质上是很简单的，本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的 样式格局，同样的也有js的动画效果，这个实例比较全面，有助于同学的学习。 本实例仅供参考，...展开全文要完成一个网页的制作其实本质上是很简单的，本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置，有div的 样式格局，同样的也有js的动画效果，这个实例比较全面，有助于同学的学习。
本实例仅供参考，其他行为自负。
本实例分为四篇来观看。一共有一个HTML文件，三个css样式表，三个js，有16张图片。其中img里面的图片可以自行下载，或用本实例里面的图片。测试项目是建议大家用谷歌浏览器。
完整代码链接在完整HTML实例网页代码（4）底部。
一、实例图片
1、首页样式
2、下拉样式
3、下拉样式
-
HTML+CSS初级入门
2017-07-22 13:34:05本课程主要目标是教给大家： 1）HTML和CSS能干什么？ 2）HTML和CSS是什么？ 3）HTML和CSS怎么用，这里会讲解常用到的HTML和CSS的使用规则 4）一步一步开发一个响应式的页面 QQ交流群：659123270 -
html中引入调用另一个html的方法
2017-02-24 13:45:05html中引入调用另一个html的方法，尝试了好几种，都列出来： 一、div+$(“#page1”).load(“b.html”) 参考代码： <div id="page1"></div> <div id="page2"></div> $("#page1").load("page/Page_1.html");展开全文html中引入调用另一个html的方法，尝试了好几种，都列出来：
其中第一种是最好的，其他的方法，可以尝试看看，是不是适合你当前项目一、div+$(“#page1”).load(“b.html”)
参考代码：<body> <div id="page1"></div> <div id="page2"></div> <script> $("#page1").load("page/Page_1.html"); $("#page2").load("page/Page_2.html"); </script> </body>二、iframe
参考代码：<head> </head> <body> <div id="page1"> <iframe align="center" width="100%" height="170" src="page/Page_1.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div> <div id="page2"> <iframe align="center" width="100%" height="170" src="page/Page_2.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div> </body>三、object引入
参考代码：<head> <object style="border:0px" type="text/x-scriptlet" data="page/Page_1.html" width=100% height=150> </object> </head>四、import引入
参考代码：<head> <link rel="import" href="page/Page_1.html" id="page1"> </head> <body> <script> console.log(page1.import.body.innerHTML); </script> </body>参考文章：https://www.web-tinker.com/article/20637.html
五、bootstrap的panel组件，或者easyui的window组件，有点类似这个效果；
-
HTML5实现下雨 水波特效
2012-03-26 20:40:59HTML5实现下雨 水波特效 -
HTML 5 从入门到精通
2013-08-18 23:21:36HTML5从入门到精通，HTML5教程pdf。教程通俗易懂，是新手学习html5的必备手册之一。 -
HTML5+CSS3 精美登陆界面源码
2016-01-19 09:52:443个很精美的登陆界面，全都是用HTML5+CSS3开发的，所以可能不适合低版本IE浏览器。大家可以下来看看，做的超级漂亮的。 -
HTML从入门到精通
2019-05-14 14:09:13HTML是网页制作最基础的编程语言，本课程主要介绍html语言，以及html标签、html文件结构、head标签,还有在html中的注释代码的作用。除此之外课程还回讲解HTML中的常见标签，如div，p，a，span，ul，li，table，form... -
HTML5网页标签
2018-03-09 11:41:56标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁，为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology ... -
html5shiv.js
2012-10-19 16:57:41越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6，IE7，IE8。为了让所有网站浏览者都能正常的访问网站，解决方案就有下面两个： 1.为网站创建多套模板，通过程序对User-Agent的判断给不同... -
Web前端基础全家桶教程（含HTML、CSS、 HTML5、CSS3）
2019-12-19 09:07:45本套Web前端基础全家桶教程是全新录制，将前端学习的基础内容融汇为148节课，涵盖了HTML、CSS、HTML5和CSS3的核心技术点。通过对本教程的学习，可以帮助初学者快速上手，并完成大部分静态网页的开发。 教程的具体... -
Java Android 解析html的demo
2012-03-18 16:23:01使用Jsoup解析html代码的示例。 以科资讯网站cnbeta为例，demo中点击按钮会获取cnbeta的首页html，然后使用Jsoup解析，在屏幕上显示当前页的所有文章标题及连接。 使用到的Jsoup的jar包也打包在内 -
HTML5调用手机摄像头拍照
2014-04-01 14:58:51HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。具体内容参考： http://blog.sina.com.cn/s/blog_4ad7c2540101lnak.html
收藏数
14,062,561
精华内容
5,625,024