• Web Design

  • 17 Lessons

  • Active

Introduction To HTML: The Skeleton

FREE

  • Overview
  • Curriculum
  • Instructor
  • Welcome to our first lesson on this course ‘Introduction to HTML’ in this lesson; We will have a brief history class on HTML, the available versions and what HTML is use for. Let’s get started;

 

HTMLHyper Text Markup Language

HTML is a markup language

Markups are set of defined tags that perform a basic operation like the “CTRL B” keyboard for Bolding of Text is a defined Markup Language.

The first ever HTML version was rolled out for use in 1991, this amazing language of the web was created by ‘Tim Berner Lee’.

Other versions of HTML are;

  • HTML – 1991
  • HTML 2.0 - 1995
  • HTML 3.2 -1997
  • HTML 4.0.1 – 1999
  • XHTML – 2000
  • HTML5 -2014(current)
  • HTML 7 – Near Future

That’s as far as we go on the brief history and advent of HTML, now moving on to what we can use HTML to achieve:

HTML basically is the language of the internet (World wide web) , With HTML you can create just about any static website.

More than 80% of website currently online have something to do with HTML one way or another and that number keeps going up daily..

With HTML, you can code forms(login form, newsletter and contact forms  etc), Create Tables and Lists, Format Texts(Bold, Italic, Strikethrough),  Add Links, Add Images, Embed Videos & Audios etc. You can do just about anything with HTML.

Before we proceed to formal learning of this great coding language, Lets first get familiar with some general keywords.

GENERAL TERMS YOU SHOULD DE FAMILIAR WITH

  •        TAGS – Tags are the backbone of HTML, they are basically all what HTML is all about, Remember we say earlier that HTML is a Markup Language? well, HTML uses tags to recognize and perform certain operations , just like your computer recognize CTRL  +  B as BOLD , Each HTML tag have an operation to perform , once you write it correctly.
  •        SYNTAX – Syntax is a unique way things are done around every Programming, Coding, Styling, or Database Query Language. Think of SYNTAX as a FINGER PRINT every language has a unique syntax, some may be similar or almost the same but two languages can never have 100% matches when it comes to SYNTAX.
  •        ATTRIBUTE – Attributes are additional FIELDS to a TAG, you can add ATTRIBUTES to adjust, beautify or identify tags, and more examples will be discussed as we proceed.
  •        VALUE – Some TAGS can hold VALUES and ATTRIBUTE are great way of assigning VALUE to a TAG.
  •        DECLARATION – This is the FIRST LINE to be added to a HTML document, this indicate to the browser that the document is a HTML document and should be executed/treated as a HTML Document.

You will get to know more HTML Important Keywords and there functions but right now, Lets Dirty our hands with some basic code rules.

We have talked about TAGS, now here is how a TAG looks Like

We create tag by using the ANGLE BRACKET <>, the tag name you want to use come in between the Angle Bracket, We have the Opening Tag <> , and Closing Tag .

The opening tag shows where the specified tag operation should start.

The closing tag shows where the specified tag operation should stop.

NOTE! Not all HTML tags required a closing tag, some are self closing tag, see example below..

 

EXAMPLES OF TAG

OPENING TAG -

CLOSING TAG -

SELF CLOSING TAG -

 

So, the “tagname” will be replaced by the TAG you want to use, HTML have so many tags.

 

CONGRATULATIONS, we have come to the end of our first lesson on: ‘INTRODUCTION TO HTML’

In our next lesson, we will be learning ‘HTML DOCUMENT’;

  • Course Lessons
    • HTML Document
    • Writing Your First HTML Program
    • HTML Text Formatting
    • HTML Comments
    • HTML Headings
    • HTML Anchor Tag
    • HTML Lists
    • HTML Tables
    • HTML Forms
    • HTML Block And Inline Elements
    • HTML Meta Tags
    • HTML Videos And Audios
    • Introducing CSS To HTML
    • HTML Entities And Symbols
    • HTML Iframes

Abijah Johnnie

Instructor of `Introduction To HTML: The Skeleton`

I am a fullstack php developer with more than 5+ experience on web designing and development, I love what i do and i wont replace it with any thing, Coding save my life!.

Sorry, Login to join this course and learn for free!