We have seen that, at a bird's eye view, any web page consists on only two HTML Elements. Let's see again how this looks like:
<!doctype html>
<html>
...some content...
</html>
where ...some content... stands for other elements that configure the page (like <head>)
or wrap the actual content (like <body>) we want to present.
Try to write a web page copying the above paragraphs (say from 'Structuring' to '...want to present.') as content of your body element. What happens? Does is it look alike?
If you tried the previous exercise you will notice that what we have learned so far doesn't help us on givin some structure nor emphasis to our content. The following elements will however provide us with those features:
<p></p>. Let us structure some text as an independent paragraph. It automatically leaves a space with respect to the surrounding text.
<strong></strong>. Renders the text inside this element in boldface.<em></em>. Renders the text inside this element in italics.In addition to these we also have the headings tags. h1 defines the most important while h6 the least impotant.
Don't worry if you don't quite get it exactly. Tomorrow we will see how to do it.