[TIL] 20201028 HTML: The essentials (1)

HTML

• Mark up language
• First created to describe the structure of academic research papers.

 

 

HTML Elements

• To write HTML, we pick from a set of standard element that all browsers recognise.
• common elements include:
  • <p> : represents a paragraph of text
  • <h1> : represents the main header on a page
  • <img> : embeds an image
  • <form> : represents a form

 

 

HTML Tags

• Elements are created by writing tags.
• Most (but not all) elements consist of an opening and closing tag.

<p> I am a paragraph </p>

 

 

MDN (Mozilla Developer Network)

• Wikipedia for web developers
• READ : HTML elements reference

 

 

Paragraph Elements

<p> </p>

• paragraph: can contain any related content that you want to group together.
  • examples: text, image, form, etc.

 

 

Heading Elements

<h1> </h1>
<h2> </h2>
...
<h6> </h6>

• Each heading has default seize, but the sizes can be changed.
• These headings exist to add structure to the page and to indicate the main topic and subtopics.
  • Only one <h1> at most on a page, and it should always be the top level main heading.
  • Each heading should be used in order. <h2> should come after <h1>, <h3> after <h2> and so on.

 

 

* This post is a summary of Udemy Course "The Web Developer Bootcamp" by Colt Steele.