Zero basic learning php-html - first understanding of html

Welcome everyone to come with me to learn zero-based php-html - first knowledge of html ~

First of all, I think you have to ask. What is html and what is it used for?

      HTML refers to Hypertext Tag Language. HTML is the key to the world of WEB technology. In the HTML tutorial, you'll learn how to use HTML to create a site. HTML is very easy to learn! you will love it!

HTML language is used to describe web pages.

  • HTML stands  for Hypertext Markup  Language  : Hyper Text  Markup Language
  • HTML is not a programming language, but a markup language
  • A markup language is a set of  markup tags
  • HTML uses markup tags to describe web pages
  • HTML documents contain HTML  tags and text content
  • HTML documents are also called  web pages

      Now you can build a simple HTML page through an HTML example as follows, so as to have a simple understanding of the structure of HTML. (Copy the code below into Notepad and change the file extension to .html)

<!DOCTYPE html>
<html>
<body>
<h1>I am the first title</h1>
<p>I am the first paragraph. </p>
</body>
</html>
  • DOCTYPE declares the document type
  • The <html> tag describes the document type and ends with </html>
  • The <body> tag defines the body of the document, that is, the visual content of the web page. The tag ends with </body>
  • The <h1> tag is used as a heading and ends with </h1>
  • The <p> tag is displayed as a paragraph and ends with </p>


History of HTML

HTML does not have 1.0, because there is controversy about its first version. HTML 2.0 was launched in 1995. In 1997, the international official organization W3C launched HTML 3.2 and HTML 4.0 standards. Later, W3C (World Wide Web Consortium) has gradually become an authority in the field of Web technology. After a long evolution, in 2014, the HTML 5 standard finally came out.

HTML 2.0 - November 1995, RFC 1866 published

HTML 3.2 - Recommended by W3C on January 14, 1997

HTML 4.0 - Recommended by W3C on December 18, 1997

HTML 4.01 - Recommended by W3C on December 24, 1999

HTML 5 - October 28, 2014, W3C Publishes Recommendation

HTML structure

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 software comes with HTML tag color display, search and replace, and unlimited restore functions. Generally, everyone likes to use it to modify EXE or DLL files. 


In addition, there are many excellent HTML5 development tools, not to list them one by one. I will update from time to time, you are welcome to follow me~

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324446972&siteId=291194637