DEV Community

loading...
Cover image for Intro to HTML5

Intro to HTML5

blackpandan profile image black_panda ・2 min read

This is a continuation of the intro to web dev series,

Html means Hyper Text Markup Language it is used to design the structure of the page, and collect user inputs.

html deals with tags e.g

<!DOCTYPE html>

this is a simple html tag that is used for declaration of html5 , there are different versions of html , that's why a declaration is needed.

an example of a simple html5 structure:

 <!DOCTYPE html>
 <html>
   <head>
     <meta charset="utf-8" />
   </head>
   <body>
     <h1>hi there
   </body>
 </html> 

we will go through most tags in this series

the first tag we will be looking at is the :

 <!DOCTYPE html> 

as explained above it is used for declaration of html5

the next tag is the:

 <html> </html> 
  • this tag is used to indicate the starting pointer of your html document
  • it is also used to declare the language to use e.g
     <html lang="en">

the next tag is the:

  <head> </head> 
  • this tag is the head tag, it is used to contain data for the metadata which is the data for the about the html document, which will not usually be displayed, it is used to set the properties of the html document such as the style, view-port, character set, scripts e.t.c
     
    <head> 
    <meta charset="utf-8" />
    <meta name="author" content="faith james" />
    <script src="./index.js" />
    <link type="text/css" rel="stylesheet"  href="./main.css" />
    </head> 

the next tag is the :

  <body>  </body> 
  • this tag is used to contain the content of the html document e.g paragraphs, headings, images, tables e.t.c
  • most of the content of this tags are visible in the browser.
  • example
    <body>
     <h1>This is the first Heading </h1>
     <p> this is a paragraph </p>
     <img src="./sample.jpg" alt="this is a simple image" />
    &lt/body>
    

we will discuss about more about tags in the next article in this series

Cover Photo by Vishnu R Nair on Unsplash

Photo by James Harrison on Unsplash

Discussion

pic
Editor guide