HTML TAGs Tutorial

Irshad Mahmood

Messenger of Peace

Dedicated to Global Right Path

Vision 21st Century and Beyond

https://www.global-right-path.com

OPEN the code in TEXT Editor like Notepad++ to see the coding

Press "Control" + "U" on the keyboard

Or right-click on a blank portion of the page and click "View page source" on the menu

Some of the codes are BROWSER specific

Below has used STYLE Tag, inside the CODE

Below has used TITLE Tag, inside the CODE

HTML TAG Tutorial TITLE

Every HTML document requires a document type declaration - !DOCTYPE HTML

HTML TAGs are inside code

META TAG for metadata is inside code on header section

META TAG is used to represent the metadata about the HTML document.

h1 is the heading Tag

h4 is the sub-heading Tag

Declaring the BASE URL using BASE Tag

https://www.global-right-path.com/images

Below has used ISINDEX Tag for single line text input in a page to query a document, inside the CODE

Begin of Body

This is HTML5 DOCTYPE Tag at the top

Basic Construction of an HTML Page

Begin of HTML TAGs

Below has used A Tag for anchor, inside the CODE

Click for https://www.global-right-path.com

Below has used ABBR Tag e.g. HyperText Markup Language (HTML), inside the CODE

HTML

Below has used ACRONYM Tag for GlobalRightPath (GRP), inside the CODE

GRP
OS
ACRONYM Tag Not supported in HTML5. Use ABBR instead.

Below has used ADDRESS Tag, inside the CODE

Written by Irshad Mahmood.
Visit us at:
https://www.global-right-path.com
GRP

Below has used A HREF weblink anchor Tag using image, inside the CODE

Click on the image link to open web page.

Below has used ALIGNMENT Tags for LEFT, RIGHT and CENTER Alignments, inside the CODE

This is LEFT Aligned Text. Usally all texts are by default LEFT Aligned

This is RIGHT Aligned Text

This is CENTER Aligned Text

This is another way for CENTER Aligned Text

This is LEFT aligned

This is CENTER aligned

This is RIGHT aligned

Below has used APPLET Tag, inside the CODE

Sorry! you need Java to see this
APPLET Tag Not supported in HTML5. Use EMBED or OBJECT instead.

Below has used AREA Tag for different shapes, inside the CODE


Triangle Circle Square

Below has used ARTICLE Tag, inside the CODE

Irshad Mahmood is FOUNDER of Global Right Path, a Software Developer and Global Reformer.

Below has used ASIDE Tag, inside the CODE

Below has used AUDIO CONTROLS Tag, inside the CODE


Below has used B Tag for bold text, inside the CODE

Hello GRP guys, this is the method to write bold text.

Below has used BDI Tag inside UL and Li List Tag, inside the CODE

Below has used UL and Li ListTags, inside the CODE

Below has used BDO DIR="LTR" Tag for Left to Right, inside the CODE

GlobalRightPath

Below has used BDO DIR="RTL" Tag for Right to Left, inside the CODE

GlobalRightPath

Below has used BIG Tag, inside the CODE

This is BIG text
This is STANDARD text
BIG Tag Not supported in HTML5. Use CSS instead.

Below has used BLOCKQUOTE Tag test with attribute CITE, inside the CODE

GlobalRightPath: A computer science portal for GlobalRightPath

BODY Tag starts after title and heading section

body lang=EN-CA

This is standard text

Below has used BR Tag for new line, inside the CODE

Hi GRP!
Welcome to GlobalRightPath

Below has used BUTTON TYPE Tag, inside the CODE


Below has used CANVAS ID Tag, inside the CODE


Below has used CAPTION Tag inside TABLE, inside the CODE

GlobalRightPath Students
Firstname Lastname Area
Irshad Mahmood Toronto
John John Scarborough

Below has used CENTER Tag for CENTER Alignment, inside the CODE

This is CENTER Aligned Text

This is another way for CENTER Aligned Text
CENTER Tag Not supported in HTML5. Use CSS instead.

Below has used Normal Text, inside the CODE

This is normal paragraph text

Below has used CITE Tag, inside the CODE

This is CITE tag text to provide or identify the source of the quote or any content 
        
Below has used CODE Tag, inside the CODE

        
        
        #include<stdio.h>
        int main() {
         printf("Hello GRP");
        }

Below has used COL and COLORGROUP Tags inside TABLE, inside the CODE

STUDENT COURSE MARKS
Irshad Mahmood M.Sc. 99
John John M.Sc. 99

NAME ORGANIZATION BRANCH LAB
IRSHAD GRP CSE TST
JOHN GRP ECE TST

Below has used COLOR/COLOUR Tags. SIZE ranges from 1 to 7, inside the CODE

This is normal text without any font style

GlobalRightPath is a computer science portal for GRP.

I have choosen only red, blue, and green colors for my painting.

Text Color is RED having SIZE 5 and FACE is CURSIVE
Text Color is BLUE having SIZE 5
Text Color is GREEN having SIZE 5

Below has used more Font COLOR/COLOUR Tags, inside the CODE

Text Color code is #00FFFF for AQUA having SIZE 5, which is background color of this page
Text Color code is #000000 for BLACK having SIZE 5
Text Color code is #0000FF for BLUE having SIZE 5
Text Color code is #000080 for BLUE NAVY having SIZE 5
Text Color code is #A52A2A for BROWN having SIZE 5
Text Color code is #FF00FF for FUCHSIA having SIZE 5
Text Color code is #808080 for GRAY having SIZE 5
Text Color code is #008000 for GREEN having SIZE 5
Text Color code is #00FF00 for LIME having SIZE 5
Text Color code is #FF00FF for MAGENTA having SIZE 5
Text Color code is #800000 for MAROON having SIZE 5
Text Color code is #808000 for OLIVE having SIZE 5
Text Color code is #FF4500 for ORANGE RED having SIZE 5
Text Color code is #FF1493 for PINK DEEP having SIZE 5
Text Color code is #800080 for PURPLE having SIZE 5
Text Color code is #FF0000 for RED having SIZE 5
Text Color code is #C0C0C0 for SILVER having SIZE 5
Text Color code is #008080 for TEAL having SIZE 5
Text Color code is #FFFFFF for WHITE having SIZE 5
Text Color code is #FFFF00 for YELLOW having SIZE 5

Below website for COLOUR CODE

Click for https://htmlcolorcodes.com

Below has used single line comment < --! -- >, inside the CODE

< !-- test comment below-->

Below has used UL and LI Tags for subject list, inside the CODE

GlobalRightPath Subject List:

Drop down list

Below has used DATALIST Tag with OPTION Tag for drop down list, inside the CODE

Below has used DL, DT and DD Tags for Descriptin List, inside the CODE

HTML
is a markup language
Java
is a programming language and platform
JavaScript
is a scripting language
SQL
is a query language

Below has used DFN Tag, inside the CODE

GlobalRightPath is a portal for GRP

Below has used DEL Tag for deleted/removed text from the document, inside the CODE

GlobalRightPath is a mathematical science portal

Below has used DETAILS Tag, inside the CODE

GlobalRightPath

A computer science portal for GRP

It is a computer science portal where you can learn programming.

Below has used DIALOG Tag, inside the CODE

Welcome to GlobalRightPath - Irshad Mahmood

Below has used DIR Tag for Directory, inside the CODE

List of all computer science subjects:

  • Operating system
  • Data Structures
  • computer network
    •  DIR Tag Not supported in HTML5. Use UL instead.

    Below has used DIV Tag for Division, inside the CODE

    I am in div 1
    It's 2nd div

    Below has used DL Tag for Description List, inside the CODE

    GlobalRightPath
    A Computer Science Portal For GRP

    Below has used DT & DD Tags for Description list, inside the CODE

    GRP Classes
    It is an extensive classroom programme for enhancing DS and Algo concepts.
    Fork Python
    It is a course designed for beginners in python.
    Interview Preparation
    It is a course designed for preparation of interviews in top product based companies.
    GRP Classes
    It is an extensive classroom programme for enhancing DS and Algo concepts.
    Fork Python
    It is a course designed for beginners in python.
    Interview Preparation
    It is a course designed for preparation of interviews in top product based companies.

    Below has used EMBED SRC tag, inside the CODE






    Below has used FORM tag, inside the CODE

    Employee Personal Details:

    Below has used FIELDSET tag, inside the CODE

    Details: Name: Emp_Id: Designation:

    Choose your favorite monster

    Below has used FIGURE tag, inside the CODE

    figcaption
    GlobalRightPath Logo

    Above has used FIGCAPTION Tag is used to provide a caption to an image

    Below has used FIGURE Tag, inside the CODE

    figure
    Hello GRP!.

    Below has used FONT SIZE Tag, inside the CODE

    Welcome to GlobalRightPath font size 5
    Not supported in HTML5. Use CSS instead.

    Below has used FOOTER Tag, inside the CODE

    Below has used FORM Tag, inside the CODE

    Below has used FRAMESET and FRAME Tag is used to contain the group of frames, inside the CODE

    <body>The browser you are working does not support frames.</body> FRAMESET and FRAME Tag Not supported in HTML5.

    Below has used HEADING Tabs h1 to h6 Tags, inside the CODE

    This is the heading Tag h1

    This is the heading Tag h2

    This is the heading Tag h3

    This is the heading Tag h4

    This is the heading Tag h5
    This is the heading Tag h6

    Below has used HEAD Tag used before body for Title etc. between HTML tag and BODY tag, inside the CODE

    HTML Title Tag is used for Page Title

    This is the metadata

    Below has used HEADER Tag, inside the CODE

    This is the header

    This is the sub2-header

    This is the sub3-header

    This is the sub4-header

    This is the sub5-header
    This is the sub6-header

    This is the metadata

    Below has used HGROUP Tag, inside the CODE

    This is the HGROUP TAG title.

    This is HGROUP TAG sub-title.

    Below has used HR Tag for horizontal line, inside the CODE

    HTML Tag is used at the beginning of HTML page and closes at the end of the page

    Below has used i Tag for Italic text, inside the CODE

    Italic Text: A Computer Science portal for GlobalRightPath

    Normal Text: A Computer Science portal for GlobalRightPath

    John and his team is ready for his new gaming project Marko Series 3

    Below has used IFRAME SRC Tag, inside the CODE

    Below has used IMG SRC Tag for Image, inside the CODE


    Below has used INPUT TYPE Tag to Input data, inside the CODE

    Below has used INS Tag to mark added data, inside the CODE

    GlobalRightPath is a mathematical computer science portal

    Below has used KBD Tag to Open New Window, inside the CODE

    Open a new window using the keyboard shortcut CTRL+N most of the browsers have this functionality as builtin

    Below has used KEYGEN NAME Tag to specify a key-pair generator field in a form, inside the CODE

    Username:

    Encryption:

    Below has used LABEL Tag, inside the CODE



    Below has used LEFT Tag for LEFT Alignment, inside the CODE

    This is LEFT Aligned Text. Usally all texts are by default LEFT Aligned


    Below has used LEGEND Tag, inside the CODE

    STUDENT::








    Below has used LIST Tag, inside the CODE

    1. GlobalRightPath
    2. Sudo
    3. Gfg
    4. Gate
    5. Placement

    Below has used LIST ORDERED Tag OL, inside the CODE

    1. This is an ordered list
    2. The LI tags come between two OL tags
    3. Notice that the LI tags are used for both

    Below has used LIST UNORDERED Tag UL, inside the CODE

    Below has used LIST DESCRIPTION Tag DT, inside the CODE

    Description list
    A list for defining terms
    DT
    The DT tags are for the term
    DD
    The DD tags are for the description

    Below has used LIST NESTING Tag DT, inside the CODE

    1. This is an ordered list
    2. The LI tags come between two OL tags
    3. Notice that the LI tags are used for both.
      • This is an unordered list
      • The LI tags come between two UL tags
    4. You can mix and match lists like this as deeply as you want.

    Below has used MAIN Tag. inside the MAIN element should be unique for the document, inside the CODE

    Programming Languages

    C programming, C++ Programming, Java Programming Oracle PL/SQL programming

    C Programming

    C is a Procedural language

    Below has used MARK Tag to highlight the part of the text, inside the CODE

    GlobalRightPath: It is a computer science portal for GRP

    Below has used MARQUEE Tag to create scrolling text or images on a webpage, inside the CODE

    https://www.global-right-path.com

    Below has used MENU Tag for Menu, inside the CODE

  • Home
  • Registration
  • Contact-us
  • About-us
    •

    Below has an example for Create A Top Navigation Bar, inside the CODE

    Home News Contact About

    Below has used MENU and MENUITEM Tag for Menu and MenuItems, inside the CODE

  • Home
  • Registration
  • Contact-us
  • About-us
    •

    Below has used LABEL, SELECT and OPTION Tag for Drop Down Menu and MenuItems, inside the CODE

    Below has used Advanced Menu example from Global Ritht Path website, inside the CODE

    Below has used META Tag for metadata is inside code on header section, inside the CODE

    META TAG for metadata is inside code on header section

    META TAG is used to represent the metadata about the HTML document.

    Below has used METER Tag, inside the CODE

    Battery Charged:

    5 out of 10

    Below has used NAV Tag. It is for navigation links, either within current document or to another document, inside the CODE


    Below has used NOBR Tag to create a single line text, that does not matter how long the statement is, inside the CODE

    Articles that need little modification/improvement from reviewers are published first. to them.

    Below has used EMBD Tag, inside the CODE

    <img src="https://www.global-right-path.com/images/Global_Family.jpg" alt="Alternative Media">

    Below has used SCRIPT Tag, inside the CODE

    Below has used NOSCRIPT Tag, inside the CODE

    Below has used OBJECT Tag, inside the CODE

    GlobalRightPath

    Below has used OPTGROUP Tag for Drop-Down-List, inside the CODE

    Below has used OPTION Tag for Drop-Down-Menu, inside the CODE

    Below has used OUTPUT Tag to represent the result of a calculation, inside the CODE

    Calculate the Sum of the two Numbers



    +


    =
    Output is:

    Below has used P Tag for paragraphs, inside the CODE

    A computer science portal for GRP.

    Below has used PARAM Tag for parameters, inside the CODE

    Below has used EM Tag to emphasize words etc., inside the CODE

    GlobalRightPath emphasized tag

    Below has used PRE Tag preserves the text spaces, inside the CODE

       GlobalRightPath
      A Computer Science Portal For GRP

    Below has used PROGRESS Tag, inside the CODE

    Downloading progress for a song:

    Below has used Q Tag for Quotations, inside the CODE

    GlobalRightPath a computer science portal for GRP

    Below has used RIGHT Tag for RIGHT Alignment, inside the CODE

    This is RIGHT Aligned Text

    Below has used S Tag is for the text no longer correct or accurate, slightly different from DEL Tag, inside the CODE

    GlobalRightPath is a computer science portal for GRP

    Below has used SAMP Tag to represent the sample output, inside the CODE

    I am trying to install a software on my system but it is continuously giving an error message:

    Error 5: Access is denied.

    Below has used SCRIPT Tag to specify client-side script such as JavaScript, inside the CODE

    Welcome to Javascript

    Below has used SELECTION Tag to show message in a frame, inside the CODE

    Irshad Mahmood

    Irshad Mahmood, Director Global Right Path

    Below has used SMALL Tag, inside the CODE

    Small Text: Welcome to GlobalRightPath!

    Normal Text: Welcome to GlobalRightPath!

    Below has used SOURCE Tag, inside the CODE

    Below has used SPAN Tag, inside the CODE

    GlobalRightPath is a computer science portal for GRP.

    I have choosen only red, blue, and green colors for my painting.

    Below has used STRIKE Tag, inside the CODE

    Welcome To GlobalRightPath

    Hi GlobalRightPath!
    Not supported in HTML5. Use DEL or S instead.

    Below has used STRONG Tag, inside the CODE

    Strong Text: Welcome to GlobalRightPath!

    Normal Text: Welcome to GlobalRightPath!

    Below has used STYLE Tag, inside the CODE

    GlobalRightPath is a computer science portal for GRP.

    I have choosen only red, blue, and green colors for my painting.

    Below has used SUB Tag for subscript and SUP Tag for superscript, inside the CODE

    Testing subscript text

    Testing superscript text

    Below has used SUMMARY Tag, inside the CODE

    GlobalRightPath

    It is a portal for GlobalRightPath Details

    Below has used SVG Tag Scalable Vector Graphics, inside the CODE

    Below has used TABLE Tag, inside the CODE

    Book Name Author Name Genre
    The Book Thief Markus Zusak Historical Fiction

    First_NameLast_NameMarks
    SonooJaiswal60
    JamesWilliam80
    SwatiSironi82
    ChetnaSingh72

    Below has used more TABLE Tags, inside the CODE

    Below has used TBODY Tag, inside the CODE

    Below has used TD Tag to define a standard cell, inside the CODE

    Name User Id
    Shashank @shashankla
    GlobalRightPath @GRP

    Below has used more TABLE Tag example, inside the CODE

    Book Name Author Name Genre
    The Book Thief Markus Zusak Historical Fiction

    First_NameLast_NameMarks
    SonooJaiswal60
    JamesWilliam80
    SwatiSironi82
    ChetnaSingh72

    Below has used TEMPLATE Tag, inside the CODE

    It hides the content within the template tag

    Click the button below to display the hidden content from the template element.

    Below has used THEAD Tag, inside the CODE

    Below has used TR Tag, inside the CODE

    Below has used TH Tag, inside the CODE

    Below has used TD Tag, inside the CODE

    Below has used TFOOT Tag, inside the CODE

    Name User Id
    Rahman @rahamD
    Total user 4

    Below is another example of TEMPLATE Tag, inside the CODE

    Normal content

    Below has used TIME Tag, inside the CODE

    I Wake up at in every morning.

    Global Family Day is Celebrated on

    Below has used TRACK Tag for tracks for media, inside the CODE


    Below has used TT Tag for teletype text, inside the CODE

    GRP stands for GlobalRightPath

    It is a computer science portal for GRP

    Not supported in HTML5. Use CSS instead.

    Below has used U Tag for underline the text, inside the CODE

    Underline Text: A Computer Science Portal.

    Below has used VAR Tag for variable in a mathematical equation or in a computer program, inside the CODE

    v_GRP Variable

    Below has used VIDEO Tag, inside the CODE

    Adding video on the webpage

    The Declaration of World Peace

    People around the World are becoming ONE with HWPL

    Below has used WBR Tag for position within the text, inside the CODE

    GRPstandsforGlobalRightPathanditis acomputerscienceportalforGRP.

    Below has used XMP Tag for content in letter format, inside the CODE

    HTML tags are hidden keywords and used to create web pages in different format. Most of the tags contain two parts, opening tags and closing tags.