HTML 教程

教程说明:

HTML是现在世界通用的超文本标记语言,通过它,可以实现图片、链接、音乐以及程序等等多种元素。现如今,HTML已经是程序员必须掌握的一项基本功。

如果您想要更快、更系统地学会HTML,您最好采用边学边练的学习模式:HTML微课

如果您觉得HTML的学习难度较高,不易理解,建议您采用视频教程进行学习:HTML视频课程

学完本教程之后,W3Cschool推荐您进行实战练习:HTML实战


HTML发展史

HTML没有1.0,因为关于它的初版存在争议,1995年HTML 2.0面世,1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准,后面W3C(万维网联盟)也渐渐变成Web技术领域的权威,经过漫长的演变,2014年,HTML 5标准最终面世。

  • HTML 2.0——1995年11月,RFC 1866发布
  • HTML 3.2——1997年1月14日,W3C发布推荐标准
  • HTML 4.0——1997年12月18日,W3C发布推荐标准
  • HTML 4.01——1999年12月24日,W3C发布推荐标准
  • HTML 5——2014年10月28日,W3C发布推荐标准

HTML结构

HTML的结构一般包括<head>标签和<body>标签,<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。<body></body>当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟HTML为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。

HTML5编辑规范

  1. 文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg
  2. 浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车
  3. 标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。
  4. 必须使用半角而不是全角字符
  5. HTML注释<!--注释内容-->的内容不给予显示。

除了这本手册,你还可以参考

开始学习HTML

接下来,你可以打开这本教程,先了解html的基本概念,然后一个一个地掌握HTML标签HTML注释HTML框架的用法,并且参考借鉴一些优秀的网站,通过浏览器的“查看源代码”功能来了解别人写的HTML代码结构。

HTML对于系统环境配置要求一点也不高,基本上,你只需要有一台电脑就够了。

HTML相关教程

HTML视频课程

书籍推荐



温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }