Web-compatible Learning Analytics notes-block-level, inline, inline block-level elements

Block level, inline, inline block-level elements

(1) block-level elements: block

* * Exclusive row

* * Can be set width,height,margin,padding

* * Internal can contain block-level or inline elements

(3) inline (inline) element: inline

* * Display with other inline elements

* * Margin-left,margin-righ,padding-left,padding-right can be set,

* * Invalid setting Widht,height,margin-top,margin-bottom,padding-top,padding-bottom

* * Internal can contain block-level or inline elements, when the block-level elements are included inside, the block-level elements continue to be displayed alone, the next inline element will be wrapped in the display

(4) inline block-level elements: Inline-block

* * displayed with other inline or inline-block elements.

* * Width,height,margin,padding can be set as with block-level elements.

* * Internal can contain block-level or inline elements, when the inner containing block-level elements, the block-level element will be in the inner element of the inside of a lone display, does not affect the next inline element of the peer display

block-level elements

<div> defining sections in a document

<blockquote> Define long references

<dl> definition List Details

<fieldset> define a border around a form element

</form> forms that define HTML

<legend> define the title of the <fieldset> element

<li> define a list of items

<object> Defining inline objects

<ol> defining an ordered list

<p> Defining paragraphs

<pre> defining pre-formatted text

<table> definition Table

<ul> Defining unordered Lists

HTML5 new elements

<article> define an article area

<aside> define sidebar content for a page

<audio> Define audio content

<canvas> Define Canvas

<dialog> Define a dialog box, such as a prompt box

<embed> defining embedded content, such as plugins

<figure> define separate stream content (images, icons, photos, code, etc.)

<figcaption> defining the title of an element

<footer> define the footer of a section or document

<nav> Defining parts of navigation links

<section> tags define the sections (section, section) in the document. such as chapters, headers, footers, or other parts of the document

The <summary> tag contains the details element's title, and the "details" element is used to describe the detail of the document or document fragment

Inline Elements

<a> Hypertext Links

<address> contact information for the author or owner of the document

<abbr>,<acronym> definition Abbreviations

<area> define the area inside the image map

<b> Bold Font

<bdo> Define text orientation

<cite> Defining references

<code> Computer code

<dfn> Define a project

<em> Define Accent Text

<i> Italic

<ins> define the text to be inserted

<kbd> Defining keyboard text

<label> defining annotations for input elements

<map> Defining graphical mappings

<mark> Defining marked text

<q> define short references

<samp> Computer Samples

<samll> Define Small text

<span> defining sections in a document

<strong> Define Accent Text

<sub> Define Subscript Text

<sup> Defining superscript text

<tt> Defining Typewriter Text

<var> defining variable parts of text

HTML5 new elements

<bdi> allows you to set a piece of text out of its parent element's text orientation setting.

<meter> define weights and measures. Measures only for the known maximum and minimum values

<rp> used in Ruby annotations to define what is displayed by browsers that do not support ruby elements

<rt> tags define the interpretation or pronunciation of characters (Chinese phonetic symbols or characters)

<ruby> tags define ruby annotations (Chinese phonetic notation or characters)

<time> define a date or time, or both

<wbr> specify where in the text to add a line break

inline block-level elements

<button> Define a click button

<iframe> defining an inline framework

Defining images

<input> Defining input Controls

<select> Define a selection list (drop-down list)

<textarea> text input controls that define multiple lines

HTML5 new elements

<video> tag definition videos, such as movie clips or other video streams

<keygen> generate key fields for forms

<progress> defining progress in the run (process)

Leona

Original link: http://www.cnblogs.com/leona-d/p/5950280.html

Copyright NOTICE: This article is copyright to the author and the blog Park is shared, welcome to reprint, but without the consent of the author must retain this statement, and in the article page obvious location to give the original link

Web-compatible Learning Analytics notes-block-level, inline, inline block-level elements