HTML5- grouped elements

<P> </ P>    // sets the paragraph, the text contains practical effect is to form a passage while maintaining a fixed gap between the upper and lower paragraphs and paragraphs.

<div> </ div>    // General Packet, early versions generally used to group elements, whereas in the HTML5, because the semantics reason, be replaced by various other elements,

      And <p> element is the difference between the upper and lower intervals of the two texts is no space interval with <br> is the same.

<blockquote> </ blockquote>    // addition and <p> consistent effect element, comprising the spacing between paragraphs and paragraphs,

              Also contains a paragraph indent from beginning to end, it is a reference to a large section of the article elsewhere.

<pre> </ pre>    // show formatted content, is how the code in the editor layout, intact rendered in the browser,

       Only suitable for simple layout, complex layout will not be able to meet the requirements.

<HR>    // single label, horizontal line, showing a split context intentions. Recommended to replace CSS style attributes,

    width: 50%; predetermined <hr> length;

    size: 200px; predetermined <hr> thickness;

    nashade = "nashade"; unshaded predetermined horizontal line, is not identified as a shaded horizontal lines.

    align: center; predetermined <hr> alignment properties only become effective after only set the length, Center (default, center), left (left home), right (right home).

<ul> </ ul>    // unordered list

<OL Start = "2" type = "I" the reversed> </ OL>    // ordered list, start showing statistics from the beginning of the sequence number, type ID represents the type of list: 1, a, A, i , I ; indicates whether the reversed reverse order.

<li value = "7"> </ li>    // list item, property value only for an ordered list, set a mandatory item number

<DL>    // Custom List

  <dt> </ dt>    // Custom list items

  <dd> </ dd>   // List Item Description

</dl>

<Figure>    // illustrations, general layout for pictures

  <figcaption> Pictures Description </ figcaption>

  <img src="fengjing.png">

</figure>

    

 

Guess you like

Origin www.cnblogs.com/wellsblog/p/11562871.html