A former record
Web page you visit every day, looking through the network news, Taobao, Jingdong watching the colorful interface. Whether thought about it, it is how to achieve it? There is no search had relevant knowledge of it? If not, if you are a master of things curious or do computer-related things people. I suggest you search a bit, after the search you will find the original there are so many wonderful stories behind this, in which the protagonist of the story is HTML. Since the spread of computer networks, HTML directly assumed the role of the computer translators and people communicate. This is perhaps the greatest value of the HTML it.
Two concepts
HTML in English stands for Hypertext Marked Language, that is HTML. Using HTML language, the information they need expressed by certain rules written in the HTML file, identified by a dedicated browser and HTML files "translated" into information that can be recognized, which is now seen on the page. After saying some of the vernacular, is what you see now are basically web pages using HTML, expressed using the browser show up. Strictly speaking, HTML is not a programming language, but a markup language (markup language)
HTML is a language file to create web pages, by marking-style command (Tag), the video, audio, images, text, animation, video and other content displayed. In fact, every document is a static HTML page file, this file contains a HTML instruction code, the instruction code is not a programming language, but a page layout language in the information display tag structure location. Each file is a static html page, to achieve one page to jump to another page by clicking. HTTP protocol developed the browser with uniform rules and standards when running hypertext.
Thus, the Hypertext Markup Language is the World Wide Web ( Web -based) programming, that is the World Wide Web is based on hypertext foundation.
Three basic grammar
1 Title: HTML title (the Heading) by <h1> - defining <h6> tag and the like.
Example:
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3>
Paragraph 2: HTML paragraph are defined by <p> tags.
Example:
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
3 Link: HTML links are defined by <a> label.
Example:
<a href="http://www.w3school.com.cn">This is a link</a>
Image 4: HTML image is defined by the <img> tag.
Example:
<img src="w3school.jpg" width="104" height="142" />
Four routines
Let's look at a basic html page example:
1 <html> 2 <body> 3 4 <p>This is myhtml example .</p> 5 <p>First is index web .</p> 6 <a href="https://home.cnblogs.com/u/dylancao/"> 7 This is a link</a> 8 <p>Second is back ground test .</p> 9 <p style="background-color:green">This is a background test.</p> 10 <a href="https://home.cnblogs.com/u/dylancao/"> 11 This is my web </a> 12 </body> 13 </html>
After running the page as follows:
This is myhtml example .
First is index web .
Second is back ground test .
This is a background test.
It can be seen: html composed of three main elements:
A <p> element: Routine Line 4
The <p> element defines a paragraph in the HTML document.
This element has a start tag <p>, and a closing tag </ p>.
Element content is: This is my first paragraph.
B <body> element: 2 rows to 12 rows routine
<Body> element defines the body of the HTML document.
This element has a start tag <body>, and an end tag </ body>.
Element content is another HTML element (p element).
C <html> element: 1 to 13 routine first line:
<Html> element defines the whole HTML document.
This element has a start tag <html>, and an end tag </ html>.
Element content is another HTML element (body element).
Four summary
I'm just here to take you roughly familiarize yourself with the basic syntax of html, html and at least understand what is its basic usage, the students want to learn more please see: https://www.w3school.com.cn/h.asp
Five reference documentation:
1 https://www.cnblogs.com/ultrazb/p/3771277.html Analysis html + css + javascript and effect relationship between the
2 https://baike.baidu.com/item/HTML/97049?fr=aladdin Wikipedia description