零基础学php-html-初识html

欢迎大家跟我来学习 零基础学php-html-初识html ~

首先,我想大家要问了。什么是html呢,这是用来干嘛的呢?

      HTML 指超文本标签语言。 HTML 是通向 WEB 技术世界的钥匙。 在HTML 教程中,您将学习如何使用 HTML 来创建站点。 HTML 非常容易学习!你会喜欢它的!

HTML 语言用于描述网页。

  • HTML 是指超文本标记语言: Hyper Text Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML 文档也叫做 web页面

      现在您可以通过如下的一个 HTML 实例来建立一个简单的 HTML 页面,以此来简单了解一下HTML的结构。(把下边代码复制到记事本中,把文件拓展名改为.html)

<!DOCTYPE html> 
<html> 
<body> 
<h1>我是第一个标题</h1> 
<p>我是第一个段落。</p> 
</body> 
</html>
  • DOCTYPE 声明了文档类型
  • <html> 标签描述了文档类型,该标签的结束标志为 </html>
  • <body> 标签定义文档的主体,即网页的可视化内容,该标签的结束标志为 </body>
  • <h1> 标签作为一个标题使用,该标签的结束标志为 </h1>
  • <p> 标签作为一个段落显示,该标签的结束标志为 </p>


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,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg

2、浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车

3、标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。

4、必须使用半角而不是全角字符

5、HTML注释<!--注释内容-->的内容不给予显示。


HTML开发工具

1.高级文本编辑器(Sublime Text)
Sublime Text 很赞的代码编辑器,界面设置非常人性化,左边是代码缩略图,右边是代码区域,你可以在左边的代码缩略图区域轻松定位程序代码的位置,高亮色彩功能非常方便编程工作。类似的还有Notepad++、UltraEdit
2.Dreamweaver
Dreamweaver拥有可视化编辑界面,支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,对于初级人员,你可以无需编写任何代码就能快速创建Web页面。
3.Adobe Edge
Adobe公司的一款新型网页互动工具。允许设计师通过HTML5、CSS和JavaScript制作网页动画。
4.WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。
5.DevExtreme
DevExtreme是专为你的移动世界精心准备的,一个跨平台开发的HTML5/JS框架,可以构建iOS、Android、Tizen和Windows Phone 8应用程序,是Visual Studio开发人员开发跨平台移动产品的优选工具。
6.UltraEdit(编辑工具)

UltraEdit 文本编辑器能够满足你一切编辑需要的编辑器。

UltraEdit 文本编辑器是一套功能强大的文本编辑器。

UltraEdit 文本编辑器内建英文单字检查、C++ 及 VB 指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。

UltraEdit 软件附有 HTML 标签颜色显示、搜寻替换以及无限制的还原功能,一般大家喜欢用其来修改EXE 或 DLL 文件。 


除此之外还有很多优秀的HTML5开发工具,不一一列举。 我会时刻更新的,欢迎大家关注我哦~

猜你喜欢

转载自blog.csdn.net/lff1123/article/details/79943941