Introduction to HTML5

DOM (Document Object Model)

Clean Code – works on as many browsers as possible

Dom provides common tree-like structures that we can prove to be valid or invalid.

Three parts of a well-formed document:

  1. Doctype
    • Version of HTML that you will be using.
  2. Head
    • contains Metadata (not visible on the website)
  3. Body
    • Displayable content


<!DOCTYPE html>
  • Metadata – language, title
  • Supporting files – JavaScript, Styling, Add-ons
  • Not displayed on the website
<!DOCTYPE html>
<html lang="en" class="scroll-smooth"> /* language */
	<meta charset="utf-8"> /* keyboard type, always use this*/
	<title>HTML &lt;head&gt; Tag - Usage, Attributes, Examples</title> /* Title */
	<meta name="description"
	      content=" The &lt;head&gt; tag contains technical information about the web page, referred to as metada. Tag description, attributes and using examples. ">
	<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
	<meta property="og:url"
	      content="" />
	<link rel="stylesheet" href="/build/css/tailwind.542c9124.css">
	<script src="/build/runtime.9051a942.js" defer></script><script src="/build/app.7c6aed06.js" defer></script>

Markup Validation Service –

Leave a Reply