Hypertext Markup Language--html

High-end atmosphere on the level of the Web page, low-key luxury has a connotation of the interface, are static Web pages and some dynamic effects, inserted video, and Flash and so on, have to say, static Web page production, is the only way to learn the Web page, static Web page in learning the front end is very important. Static Web pages are mainly made by HTML. In short, HTML is a Hypertext Markup Language, static Web pages are also by, HTML tags and tags in the attributes, to open your favorite Web browser, in the browser address input box to type the relevant URL, into the active Server Pages (your computer should already be connected to the Internet). When this page is displayed on the screen, select the View Source command from the Web browser's menu bar. A new window pops up on the screen and shows some wacky text. The text you see is the HTML file.

The blog small part of the main explanation of the knowledge of HTML, first of all to a mind map, the knowledge of the previous study to do a simple summary and review, and then, the small series will give a few examples, see how the HTML in her stage emotional deduction of her life story, first, look at the picture:

The HTML tag consists of a start tag and an end tag, the start tag is surrounded by parentheses of the element name, the end tag is surrounded by parentheses and the element name, some HTML elements do not have an end tag, the following through a graph to visually see;

Let's take a simple example to see how these elements and tags are being rehearsed in practice, and we take the poem "Jin-Sledgehammer" as an example to try out a little bit:

Write the following code:

<span style= "FONT-SIZE:18PX;" >
The display results are as follows:
From the above display effect, we can see that the composition of this poem is quite chaotic, and we are writing six lines, why the display of three lines? In the small part here to remind the small partners to notice a problem, in the HTML document, if there are a number of consecutive white space characters (spaces, tabs, carriage return, line wrapping, etc.), the browser will be displayed when the resolution to a space character, in our above-mentioned example, the BODY element of the contents of the carriage return space, Basically are ignored by the browser, so in the browser window, we see the above display effect, if we want this poem to display in a certain format, we need to paragraph control tags, the following small part of the paragraph control tag to design our "brocade" code written as follows:
The display results are as follows:
What you see above is the application of the paragraph control related to the markup of the page display effect, now the small series with a picture to explain in detail how each paragraph is used in this picture:
Next, we use the label associated with the text display in this poem, the code is as follows:
The effect appears as follows:
What you see above is the use of the text display related to the markup after the page display effect, specifically described as follows:
In HTML documents, such as non-breaking spaces, carriage returns, and other symbols, HTML reserved characters (for example: ' < ', indicating the beginning of a marker), some special characters that do not exist in the keyboard, such as: copyright symbols, all need to be referenced in order to enter, there are two types of reference in HTML, Character references and entity references, character references and entity references are both a good (&) and end with a semicolon (;), and if you are using a character reference, you need to add a pound sign (#) after the number (&), followed by the decimal or hexadecimal code of the desired character, if you are using an entity reference , after reconciliation (&) to write the character of the mnemonic, next, we use the nonbreaking space, so that the author Li Shangyin at the bottom of the right display, the code is as follows:
The effect is as follows:
 A non-stop entity contains six characters, then a character to take up a byte, itself HTML is a text document, so an English character occupies a byte, entered a 10 non-breaking entity space, occupies 60 bytes, why achieve our effect, That is, the author Li Bai in the static night thinking under the right display, we added 60 additional bytes, there is no less than the number of bytes to achieve the same effect. We can do this by using full-width spaces, the code is as follows:
　　
The effect is as follows
　　　
As can be seen, the effect is the same, a full-width space occupies two bytes, a full-width space function and input two non-breaking space function is similar, a full-width space occupies two bytes, a non-breaking entity contains six bytes, using full-width space can reduce the number of document bytes, but also make the document more clear format , however, full-width spaces are garbled in unsupported Chinese browsers, so consider whether the user-facing is a Chinese user.
Small series of words: Small series just beginning to contact with the knowledge of HTML, understanding is not very thorough, there are different understanding of the small partners Welcome to discuss the exchange, the blog small part of the main xinxin sun the content of the teacher to do a simple summary, and then to do an example, I hope that the small series of learning on the road to leave beautiful footprints.
Hypertext Markup Language--html