HTML which is block-level elements and which are inline elements

Block-level elements: block-level mostly structural tags

<address>...</adderss>

<center>...</center> Address Text

<p>...</p> Paragraph

<pre>...</pre> Pre-formatting

<blockquote>...</blockquote> 5 characters before and after a paragraph indent

<marquee>...</marquee> scrolling Text

<ul>...</ul> unordered List

<ol>...</ol> ordered list

<dl>...</dl> definition List

<table>...</table> Forms

<form>...</form> Forms

<div>...</div>

Inline elements: Most of the lines are descriptive tags

<span>...</span>

<a>...</a> Links

<br> line break

<b>...</b> Bold

<strong>...</strong> Bold

Photos of

^... superscript

_... subscript

<i>...</i> Italic

<em>...</em> Italic

<del>...</del> Delete Lines

<u>...</u> Underline

<input>...</input> text Box

<textarea>...</textarea> Multi-line text

<select>...</select> drop-down list

• Block-level elements

1. Always start with a new line

2. Height and width are controllable

3. When the width is not set, the default is 100%

4. Block-level elements can contain block-level elements and inline elements

• In-line elements

1. And other elements are in one line

2. Height, width and internal margin are not controllable

3. Width is the height of the content, can not be changed

4. Inline elements can only be inline elements and cannot contain block-level elements

HTML which is block-level elements and which are inline elements