The Basic HTML course by EZTyping

Seppe Maes

What's HTML?

HyperText Markup Language(HTML) is the basic programming language for websites. HTML is the biggest Markup Language still today and no other language has come close to overtake HTML. It was the first language used for building websites in the beginning of the internet. It's still used today for various reasons but most important ones are that they would have to rewrite the entire web sites and because it's easy to code and understand. HTML is a sipmle language for beginners to learn how to program, it will open your vision into the programming world.

HTML

Why learn HTML?

Like said in the intro HTML is the standard for building websites and getting to know programming. It's very easy to start with and to learn there is plenty of information to find online and teach you. Like us we will teach you the basics and essentials of HTML so you can start building your own websites.

Programming image

Basic and Essentials

Basic Tags

  • (Heading 1 is used for titles H1 is the biggest we have h1-h6)

  • (Define a division or certain section of the page you can change this specific part)

  • (Unordered list this will create a unordered list)

  • (Ordered list this will create an ordered list)

  • (List this will create a listing within the un/ordered list)

  • (Paragraph this a paragraph tag you can type your text in here)

  • (This a link tag where you can click on to be navigated to another page or part of the page)

  • (Break this will leave an enter in the page)

  • (Table row this will create a table row )

  • (Table content this tag places content within tr)

  • (This is almost the same as a break but this will add a line to seperate two contents)

  • (Image tag here you can place your link of the image so you can add images to your page)

Essentials

  • (This will define the document type in this case html)
    <! DOCTYPE html>

  • (This is the building tag for a HTML page you incorporate all your content between here)
    <! DOCTYPE html>
    <html>
    </html>

  • (The head tag only contains other tags which defain the content of the page)
    <! DOCTYPE html>
    <html>
    <head> </head>
    </html>

  • (The title will be seen on top in the tab of the website)
    <! DOCTYPE html>
    <html>
    <head>
    <title> </title>
    </head>
    </html>

  • (The body tag this is where all the content of the page will be placed in)
    <! DOCTYPE html>
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    </body>
    </html>

  • (The header is the top of the page where you can place the navbar)
    <! DOCTYPE html>
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <header>
    </header>
    </body>
    </html>

  • (The navbar is a bar with links to different parts of the websites )
    <! DOCTYPE html>
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <header>
    <nav> </nav>
    </header>
    </body>
    </html>

  • (This is where all of your text and titles will be placed and content)
    <! DOCTYPE html>
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <header>
    <nav> </nav>
    </header>
    <main> </main>
    </body>
    </html>

  • (This is the bottom of the page where links to socials or addresses will be)
    <! DOCTYPE html>
    <html>
    <head>
    <title> </title>
    </head>
    <body>
    <header>
    <nav> </nav>
    </header>
    <main> </main>
    <footer> </footer>
    </body>
    </html>