HTML

Hypertext Markup Language
Collection
zero Useful+1
zero
HTML is a hypertext markup language Markup Language It includes a series of labels, through which the document format on the network can be unified, and the distributed Internet resources can be connected into a logical whole. HTML text is a descriptive text composed of HTML commands. HTML commands can describe text, graphics animation , sounds, tables, links, etc. [1]
Hypertext Is a kind of Organization Information By means of Hyperlink Method to connect the text, chart and other Information media Associated with. These interrelated information media may be in the same text, or other files, or geographical position Files on a remote computer. This way of organizing information connects information resources distributed in different locations in a random way, providing convenience for people to search and retrieve information. [1]
Chinese name
Hypertext Markup Language
Foreign name
Hyper Text Markup Language
Reading style
Web browser
Foreign language abbreviations
HTML
File extension
Html or htm

brief introduction

Announce
edit

origin

The full English name of HTML is Hyper Text Markup Language, that is Hypertext Markup Language. HTML is created by Web Inventors of Tim Berners-Lee with colleagues Daniel W. Connolly founded in 1990 Markup Language , which is a standard generalized markup language SGML Application of. Hypertext documents written in HTML are called HTML documents, which can be independent of various operating system platforms (such as UNIX Windows Etc.). Use HTML to write the information to be expressed as HTML file , via dedicated browser To identify and "translate" these HTML files into recognizable information, that is, the web pages we see. [2]
HTML has been used as web Of Information representation Language, HTML files need to be displayed through a web browser. HTML is a language for creating web pages. It displays text, graphics, animations, sounds, tables, links, images and other contents through tag commands. In fact, every HTML document is a static web page file, which contains HTML Command code , these instruction codes are not programming language , is just a markup structure language for the display position of data in the typesetting web page, easy to learn and understand, very simple. The universal application of HTML is to bring about the technology of hypertext - jump from one topic to another by clicking the mouse, jump from one page to another, and link to files on hosts around the world Hyper Text Transfer Protocol It specifies the rules and operations that the browser should follow when running HTML documents. HTTP The formulation of makes the browser have uniform rules and standards when running hypertext. [2]
web (world wide web, short for www )On Hypermedia The document is called a page (foreign language: page). As an organization or individual web The page on which the start point is placed is called the home page (foreign language: Home page) or home page. The home page usually includes pointers to other related pages or other nodes( Hyperlink )The so-called hyperlink is a kind of Uniform Resource Locator (Uniform Resource Locator, foreign abbreviation: URL )Pointer, by activating (clicking) it browser Easy access to new web pages. This is also one of the most important reasons why HTML is widely used. The organic collection of a series of pages that will logically be regarded as a whole is called website (Website or Site). Hypertext Markup Language (HTML) is designed for "web page creation and other information that can be seen in web browsers" Markup Language [3]
The essence of web pages is hypertext Markup Language , by using other Web technology (e.g.: scripting language Common gateway interface , components, etc.) can create powerful web pages. Thus, hypertext markup language is the World Wide Web( Web )The foundation of programming, that is, the World Wide Web is based on hypertext. The reason why hypertext markup language is called hypertext markup language is that the text contains so-called "hyperlink" points. [4]

definition

Hypertext Markup Language is Standard Universal Markup Language The next application is also a specification and a standard Marking symbol To mark parts of the page to display. Web page file itself is a text file By adding markers in the text file, you can tell the browser how to display the content (such as how to handle text, how to arrange pictures, and how to display pictures). The browser reads the web page file in order, and then interprets and displays its marked content according to the tag. The tag with writing errors will not point out its errors, and will not stop its Interpretation and implementation In the process, the compiler can only analyze the cause and position of the error through the display effect. However, it should be noted that different browsers may have different interpretations of the same marker, which may lead to different display effects. [3]

HTML version

Announce
edit
HTML is used to mark how Web information is presented and other features rule of grammar , which was originally created in 1989 by CERN Invented by Tim Berners Lee. HTML is based on the older language SGML definition and simplifies the language elements therein. These elements are used to tell the browser how to display data on the user's screen Web browser Vendor support. [5]
HTML has the following versions in history: [5]
① HTML 1.0: used in June 1993 as Internet Engineering Working Group ( IETF )The working draft was issued. [5]
HTML 2.0 : January 1995 RFC Released in 1866, it was declared obsolete after being released in June 2000. [5]
③ HTML 3.2: January 14, 1997, W3C recommended standard. [5]
④ HTML 4.0: December 18, 1997, W3C recommended standard. [5]
HTML 4.01 (Minor improvement): December 24, 1999, W3C recommended standard. [5]
⑥HTML 5: HTML5 It is recognized as the next generation Web language, greatly improving the Web's Rich media , rich content, rich application and other capabilities, which are said to change eventually Mobile Internet The important pusher of. Internet Explorer 8 And previous versions are not supported. [6]
HTML plays an important role in the rapid development of the Web. But with network application In depth, especially in the application of e-commerce, HTML is too simple, and its defect is quickly highlighted: HTML is not extensible. HTML not allowed application program Developers define user-defined tags for specific application environments. HTML can only be used for information display HTML can set text and pictures Display mode , but not semantic structure , i.e. HTML Display Data It is based on layout rather than semantics. With the development of network applications, various industries have different needs for information, and these different types of information may not be displayed in the form of web pages. For example, when passing Search Engines When searching data, displaying data according to semantics rather than layout will have more advantages.
In summary, HTML's shortcomings make it Interactivity Poor, semantic ambiguity, these defects are difficult to meet the requirements of the rapid development of the Internet, so a standard, concise, well structured and highly extensible XML came into being.

characteristic

Announce
edit
The production of hypertext markup language documents is not very complicated, but it is powerful and supports different data format This is also the World Wide Web( WWW )One of the reasons for its popularity, its main characteristics are as follows: [4]
  1. one
    Simplicity: Hypertext Markup Language Version upgrade use Superset So as to be more flexible and convenient. [4]
  2. two
    Scalability : The extensive application of hypertext markup language has brought about enhanced functions identifier The hypertext markup language takes the form of subclass elements to ensure the system extension. [4]
  3. three
    Platform independence : Although personal computer Popular, but using MAC There are many other machines in the world, and hypertext markup language can be used on a wide range of platforms, which is another reason why the World Wide Web (WWW) is popular. [4]
  4. four
    Universality: In addition, HTML is the universal language of the network, a simple and universal full markup language. It allows web producers to create complex pages that combine text and pictures. These pages can be viewed by any other person on the Internet, no matter what type of computer or browser is used. [4]

Edit Mode

Announce
edit

edit

HTML is actually text, which needs to be interpreted by the browser. Its editors can be divided into the following categories:
  1. one
    Basic text, document editing software, using Microsoft Self-contained Notepad or Wordpad All can be written, of course, if you use WPS or Word to write, but please use. htm or. html as Extension , which is convenient browser Recognize directness Interpretation and implementation Has. [7]
  2. two
    Semi WYSIWYG software, such as: FCK-Editer E-webediter Wait online Webpage Editor; Particularly recommended: Sublime Text Code editor (developed by Jon Skinner, Sublime Text 2. Fees can be charged but the trial period can be unlimited). [7]
  3. three
    WYSIWYG software, the most widely used editor , you can make web pages without any knowledge of HTML, such as: AMAYA (Manufacturer: World Wide Web Consortium ); FRONTPAGE (Manufacturer: Microsoft ); Dreamweaver (Manufacturer Adobe )。 Microsoft Visual Studio (Production company: Microsoft )WYSIWYG software has faster development speed, higher efficiency, and stronger intuitive performance than half WYSIWYG software. To modify anywhere, just refresh and display. The disadvantage is that the generated code structure is complex, which is not conducive to the realization of advanced functions such as multi person collaboration and precise positioning of large websites. [7]

character set

character set
In addition to common ASCII characters and Chinese characters, HTML has many Special characters , which together form HTML character set There are two situations where special characters need to be used: one is the characters with special meaning in the web page, and the other is the characters not on the keyboard. HTML characters can be represented by some codes, which can be represented in two ways. Namely character code( Named Entity )And numeric codes (numbering entities). The character code starts with the "&" character and ends with the semicolon ";", between which are character names, such as®. Numeric codes also start with "&#" and end with a semicolon ";", with numbers between them, such as ®。 [8]

data type

Html sample
Hypertext Markup Language defines a variety of data type Element content of, such as script data and style sheet And many types of Attribute value , including ID, name, URI, number Length unit , language, media descriptor, color Character encoding , date and time, etc. All these data types are professional character data. [9]

Common entities

Show Results
describe
Entity Name
Entity Number
Space
 
<
Less than sign
&lt;
<
>
Greater than sign
&gt;
>
&
And
&amp;
&
"
Quotes
&quot;
"
'
apostrophe
&apos; (Not supported by IE)
'
branch
&cent;
¢
Pounds
&pound;
£
RMB, JPY
&yen;
¥
euro
&euro;
§
Subsections
&sect;
§
©
copyright
&copy;
©
®
Registered trademark
&reg;
®
trademark
&trade;
×
multiplication sign
&times;
×
÷
division sign
&divide;
÷

Overall structure

Announce
edit
One web page corresponds to multiple HTML files, and the hypertext markup language file takes. htm or. html (foreign language abbreviation) as Extension (. htm is because of the previous file system Only three digit extensions are supported). You can use any TXT type source file Of text editor To generate a hypertext markup language file, just modify the file suffix. Standard hypertext markup language files have a basic overall structure, and tags generally appear in pairs (except for some tags, such as<br/><img/>), that is, the beginning and end of hypertext markup language files and the head and entity of hypertext markup language. Three double markers are used to confirm the overall structure of the page. [10]
Some marks can also appear out of pairs, such as<p>, but generally do not agree to do so.
The tag<html>indicates that the file is described in Hypertext Markup Language, which is the beginning of the file; </html>indicates the end of the file. They are the start and end tags of the hypertext markup language file. [10]

Header content

Flags<html>: indicate that the file is described in hypertext markup language, which is the beginning of the file, while</html>indicates the end of the file. They are the beginning and end marks of the hypertext markup language file. [10]
< head ></head>: These two tags represent the beginning and end of the header information respectively. The tag contained in the header is the title, preface, description and other contents of the page not regard as Content, but affects the effect of web page display. The most commonly used tags in the header are the title tag and meta tag. The title tag is used to define the title of the page, and its content is displayed in the Title Block Medium, Page Title It can be used as bookmarks and favorites list by browser. [10]
The following table lists the HTML head elements:
label
describe
<head>
Information that defines the document
<title>
Defines the title of the document
<base>
The default link address of the page link label is defined
<link>
Defines the relationship between a document and external resources
<meta>
Defines metadata in HTML documents
<script>
The script file that defines the client
<style>
A style file that defines an HTML document

Main content

< body ></body>;, The actual content displayed in the web page is contained between the two body markers. Body tags are also called entity tags. [10]
  • Title: There are 6 levels in total, and the definition method is as follows
<h1></h1>Definition First level title
<h2></h2>Define the secondary title
<h3></h3>Define the third level title
<h4></h4>Define four levels of titles
<h5></h5>Define five levels of titles
<h6></h6>Define six levels of titles
and so on
  • text
<p></p>Define text
  • Newline character
Example: [1]
<! DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Title</title> </head> <body> <h1>This is the first level title</h1> <h2>This is the second level title</h2> <h3>This is the third level title</h3> <h4>This is the fourth level title</h4> <h5>This is a five level title</h5> <h6>This is a six level title</h6> <p>Define Text</p> <p>Random characters<br/>- Line feed</p> </body> </html>

Relevant requirements

Announce
edit
There are some conventions or default requirements when editing hypertext markup language files and using related tags. [9]
  1. one
    Text mark language File extension of the source program default Using htm (Disk Operating System DOS The restricted foreign language abbreviation is Extension )Or html( Foreign Languages Abbreviated as Extension )To facilitate operating system or program Identification custom Chinese characters of Extension in use text editor Pay attention to modification when Extension But common images file Of Extension by gif and jpg [9]
  2. two
    Hypertext Markup Language source program is text file , its column width can be unlimited, that is, multiple marks can be written as one line, or even the whole file can be written as one line; If written in multiple lines, browser The carriage return character in the file is generally ignored (except for the mark designation); Spaces in files are usually not displayed according to the effect in the source program. Special symbols (entity symbols) can be used for complete spaces“ &nbsp (Note that this letter must be lowercase to allow spaces) " express Non line breaking space; express file Use the symbol "/" to separate the path, file name and path describe It can be enclosed in double quotation marks or without quotation marks. [9]
  3. three
    Marker The tag element in the Angle bracket Enclosed element with slash express This mark indicates the end; Most markers must be used in pairs to indicate the start and end of the action; Mark elements ignore case, that is, they have the same effect, but complete spaces can use the special symbol "&nbsp (note that this letter must be lowercase to allow spaces)"; Many markup elements have attribute descriptions, which can be further limited by parameters parameter or attribute The order of item description is not limited, and it is used between Space It can be separated; The content of a markup element can be written in multiple lines. [9]
  4. four
    Marking symbols, including tips brackets , markup elements, attribute items, etc. must use Half angle Cannot be used full-width characters [9]
  5. five
    HTML Comments Start with the "<! --" sign and start with the symbol "-->“ end , e.g.<-- Comment content -->. Notes can be inserted anywhere in the text. If an exclamation mark is inserted at the front of any mark, it will be identified as a note and will not be displayed. [9]
HTML