|
|
|
|
|
|
Block-level Elements |
<div> |
A block-level element always starts on a new line and takes up
the full width available (stretches out to the left and right as far as it
can). |
|
<h1> - <h6> |
|
|
<p> |
|
|
<form> |
|
|
|
Inline Elements |
<span> |
An inline element does not start on a new line and only takes
up as much width as necessary. |
|
<a> |
|
|
<img> |
|
|
|
<div> |
<div style="background-color:black;color:white;padding:20px;"> |
The <div> element is often used as a container for other
HTML elements. |
|
<h2>London</h2> |
The <div> element has no required attributes, but
both style and class are common. |
|
<p>London is the capital city of
England. It is the most populous city in the United Kingdom, with a
metropolitan area of over 13 million inhabitants.</p> |
When used together with CSS, the <div> element can be
used to style blocks of content: |
|
</div> |
|
|
|
<span> |
<h1>My <span style="color:red">Important</span> Heading</h1> |
The <span> element is often used as a container for some
text. |
|
The <span> element has no required attributes, but
both style and class are common. |
|
When used together with CSS, the <span> element can be
used to style parts of the text |
|
|
|
|