6. Paragraphs and Headings


What is wrong with my code?

In the body section, create a heading. To do this, create an

Add content.
Close the element with a closing tag

. (Your content should now be between


Underneath the heading tags, create two paragraphs using

tags with whatever content you like.

<!DOCTYPE html>

			<h1> This is my heading</h1>
		        <p>Paragraph 1</p>
		        <p>Paragraph 2</p>

Error Reported:
Oops, try again. Make sure to add your h1 tags!

Two Questions regarding the interaction between HTML & CSS in the code (Part 12)


I think it is better, if one understands the concept.

It all start's with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.

This document has a minimal build of

<!DOCTYPE html>
          <title> </title>
       <!-- here you insert your HTML-code -->

The Browser =load's= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )

       |            |
     head          body

In the description of your document in DOM-talk...
you will encounter terms like:
parent children sibling descendants ascendants...

The HTML-Element has no parent
but is a parent to 2 child-Element's
the 'head'-Element
the 'body'-Element.

The 'head'- and 'body'-Element,
both being children to the 'html'-Element
are siblings to each-other.

The 'head'-Element is parent to the 'title'-Element...
the 'title'-Element is a child of the 'head'-Element
the 'title'-Element is also a descendant of the 'html'-Element.

The DOM has several interface's
over which you can access the data**/**information
held by the DOM.

One of the interface's is the Element-interface
you can divide the interface into
properties ( consisting of a property-key and it's associated VALUE )
methods ( giving you the functionality to manipulate the Elements )