Adding Content

Once you become familiar with the notion that HTML elements are comprised of HTML tags, adding these elements to stardard documents is not difficult. Remember that anything you want a browser to render must be created withing the <body> element:

HTML
<body>
  <p>I am a paragraph element in the body.</p>
  <p>I am another paragraph element, also in the body.</p>
</body>

Fortunately, structure is fairly universal between text documents. Let’s look at headings and paragraphs as examples.

Headings in HTML

Headings are defined with the <h1> to <h6> tags, and their elements are written as <h1>...</h1>.

HTML
<h1>This is a Heading 1</h1>

Compare this to Markdown:

Markdown
# This is a Heading 1

Paragraphs

Almost all non-heading text will be placed within a paragraph element in a web document. Paragraphs are defined with the <p> tags, and the element is written as <p>...</p>.

HTML
<p>This is a paragraph element.</p>

Compare this to Markdown:

Markdown
This is a paragraph.

In markdown, a paragraph requires no extra markup to signify it as such. An empty line between text blocks signifies a new paragraph.

development elements guide