#HTML: The basic structure within the text of the article

HTML document inside the content as an article about what you see in the newspaper, it would have the title, subtitle, paragraph formatting, and so on, we will give an example to show an article of an HTML document it!


HTML document inside the content as an article about what you see in the newspaper, it would have the title, subtitle, paragraph formatting, and so on, we will give an example to show an article of an HTML document it!

article.html
  
    文章范例
  
  
    

Main title

subtitle

First paragraph

Second paragraph

Italic emphasized ,
highlighted in bold ,
bold italic emphasis on


html2-1.png

The title is represented by label

Use h1 ~ h6 tags, respectively, may represent part of the descending grade 1 to 6 of the title, when an article appeared in the title, you can use this label to indicate the title. Beneath each label is an example h1 ~ h6:

header1to6.html
...

  

A title

Subheadings

Three title

Four title

Five title
Six title
...

html2-2.png

Horizontal label

To use a horizontal line to separate the article, you can use the tag to represent hr, hr is a label-free package contents can be written .

Paragraph tag line feed

If the article to represent a paragraph, a paragraph may be a p-wrap labels, this time will produce a paragraph-delimited effect with other paragraphs; if only simple one-line long wrap br labels may be used, also a non br package contents label, can be written
.

He stressed tag

If the article where there needs to be emphasized, can be used to make em tag in italics to emphasize, strong emphasis on bold label to do, to use both together, can be nested style to wrap a label to another label (like the example written 强调部分). If you have used previously HTML people may know that there are two additional labels with the same effect, respectively, i (for italics) and B (bold) tag. After the HTML5 began to emphasize the label to indicate the article semantic approach would recommend using em, strong tags to replace the two i and b label.

block elements and inline elements

Most HTML elements will define it as block elements or inline elements. When this tag will cause the vertical element of the element to be separated automatically, then the element is generated by the tag block element; relatively, if not cause separation between the upper and lower elements, then, for the inline elements. In this example, such as series elements and h p elements belong block element; em element and the strong elements belong inline elements.

Has been abandoned mode used label

In HTML5 among the deprecated center label (centering) and the font tag (change the text mode, such as text size, text color, etc.) to do the mode change, the current emphasis on HTML syntax is used on the document semantics, model beautiful part of the CSS syntax to do it full power to deal with, so to set or change the text mode part of the pattern, use CSS to do. (In fact, not only center, font tags, other attributes such as align (alignment with the element), bgcolor attribute (background color attribute) ...... and so on and model label or property relations are not recommended to use HTML grammar making a change, try to use CSS syntax to write)

pre tags: direct display the same content as the original grammar

If you copy a sometimes lengthy article directly from elsewhere, to places in the article line breaks or paragraphs plus
or

...

It is a bit of trouble, this time as long affixed directly to the article, and then add back and forth
...文章...
can be, which is the purpose of pre tags.

pre.html
...

  
This is a very long article, 
causing me lazy with br and p tags, 
I'm sorry!
  
...

html2-3.png

Reference data

  1. Teaching html> Chapter 03. Common Tags: http: //m7.dfps.tp.edu.tw/chen/main5/ahtml/03.asp
  2. w3schools.com > HTML
    and :http://www.w3schools.com/html/html_blocks.asp
  3. w3schools.com > HTML
     tag:http://www.w3schools.com/tags/tag_pre.asp
    

Original: Big Box  #HTML: basic structure within the text of the article


Guess you like

Origin www.cnblogs.com/chinatrump/p/11516576.html