HTML – Tags

HTML Tags:

  • HTML language providing elements to prepare web pages
  • We represent HTML elements with angular brackets (<>) called HTML Tags.
  • HTML Tags are 2 types
    • Non empty tags (container tags)
    • Empty tags

Paired Tags (Non empty tags): Contains data. It is a combination of start tag & end tag

                        <start> data </end>
                        <title> data </title>

Unpaired Tags (Empty tags): It contains only start tag and we must end in the same tag

            <img src=” “/>
            <input type=”text” />

Note: HTML is errorless language – hence it accepts the tags without syntax such as <br>

Writing first HTML program:

  • <doctype> tag represents which version of HTML is using in the document by which browser will understand and execute the code.
  • HTML document starts with HTML tag and end with HTML tag
<!DOCTYPE html>
  • Every HTML program has two locations
    • Head location
    • Body location

Head Location:

  • The information which is not visible on web page.
  • <meta> information: By which Search engine recognize our web site.
  • CSS code
  • JavaScript code
  • Links to other documents(files)

Body location: The information visible on webpage

  • Headings
  • Paragraphs
  • Form tags
  • Images
  • Hyperlinks….

Example HTML Program:

<!doctype html>
                        <title>My First Web page</title>
                        <meta name=”Keywords” content=”HTML, CSS, JavaScript tutorial”>
                        <meta name=”Description” content=”Web Technologies tutorial site”>
                        <link type=”text/css” rel=”stylesheet” href=”/styling.css”>
                        <p>I am planning to develop tutorials website</p>
Scroll to Top