Pin It
BIGtheme.net http://bigtheme.net/ecommerce/opencart OpenCart Templates

HTML TAGS CLASS 7 IN HTML LEARNING

HTML Tags

HTML is a tag-based language, HTML does not enclose any content, they are also known as empty elements, void elements, or singleton elements. I can say that HTML tags is the hidden keyword in shape of characters within a web page that define how the browser present and format the content of the web age. Most of all the HTML Tags are two types such as one is an opening tag <html> and the another one is closing tag </html>, the difference between these two HTML tags is only a forward slash “ / ”.

A VIDEO TUTORIAL ABOUT HTML TAGS

Content of the HTML Tags Tutorial

HTML Tags

Sported Browser

Beganing and End Tags

HTML Tags List and their Uses

  • Basic HTML Tags
  • HTML Images Tags
  • HTML Audio / Video Tags
  • How to Use of HTML Links Tag
  • Use of HTML List Tag
  • How to Use of HTML Tables Tag
  • Use Of HTML Styles and Semantics Tags
  • How to Use of HTML Meta Info Tags
  • Use Of HTML Programming Tags
  • Basic Formatting HTML Tags
  • Use Of Forms and Input HTML Tags
  • How to Use HTML Tags of Frames

 

HTML Tags Use in HTML Class 07 - HTML Learning

 

 

HTML Tags Usage

HTML Tags use to create and format the websites pages, all the web developer or the author of a website page use HTNL Tags to create a web page, actually the developer use these HTML Tags to create the layout of web pages, use to format text as title and headings, use to put different other values such as tables, graphics, audio, video, images and many more into the web page.

Sport Browser

The google chrome version 6.0, Mozilla Firefox 6.0, Safari 5.0 and the Opera 11.5 specify the first Brower version that fully supports HTML 5 server-sent events.

MORE RELATED TOPICS

 

Beginning and End Tags

Basically the HTML Tags consist up to two typse of tags such as start tag ( <html> ) and the end tag (<html> ). Both of these tow tage look like similer only the difference is a forword slash ( / ) attached with end tags. The start tags <html> use to start any element and end tag use to close any HTML Elements( <h1> this is heading one </h1> ).

Difference between html tags and html elements

All the content labelbetween two html tags are known as HTML Elements and the two html tags use to enclose an HTML Element are known as HTML Tags.<h1> this is heading one </h1>in this blue line <h1> and </h2> are html tags ad this is heading one is known as element.

Basic HTML Tags

This HTML Tag use to Defines an HTML document particularly HTML 5 DocumentAs each document have a title that is consider a unique part so title tag use to Defines a title for the document

Tag Description
<!DOCTYPE>  As the HTML 5 is a coding language written is different html codes so this HTML Tag use to Defines the document type
<html>
<title>
<body> This tag Defines the document’s body or all structural material written udder the body tag
<h1> to <h6> These tags Defines HTML headings. Different headings level use in HTM such as <h1> first heading level and written only once in a web page then <h2> 2nd heading level similarly other <h3><h4><h5><h6> are use in different circumstances.
<p> Defines a paragraph and all the paragraph must written under this tag
<br> Inserts a single line break within a web page use br tag
<hr> Defines a thematic change in the content
<!–…–> This HTML Tag use to Defines a comment into the web page

Use of HTML Images Tags

Tag Description
<img> This tag use to describes an image
<map> This tag use to describes a client-side image-map
<area> This tag use to describes an area inside an image-map
<canvas> This tag use to describes to draw graphics, on the fly, via scripting (usually use in JavaScript)
<figcaption> This tag use to describes a caption for a <figure> element in HTML Tags
<figure> This tag use to describes States self-contained content

Use of HTML Audio / Video Tags

It describes text tracks for media elements such as <video> and <audio>

Tag Description
<audio> This HTML Tag describes sound content in HTML 5
<source> This termsof HTML Tag is use to show multiple media resources for media elements (<video> and <audio>)
<track>
<video> This HTML Tag describes a video or movie

HTML Links Tag & Use

Tag Description
<a> This HTML Tag describes a hyperlink
<link> It expresses the association between a document and an outsidesource and most used to link to style sheets
<nav> This terms of HTML Tag is use to show navigation links

HTML List Tag and Use

Tag Description
<ul> This terms of HTML Tag is use to show an unordered list
<ol> This terms of HTML Tag is use to show an ordered list
<li> This terms of HTML Tag is use to show a list item
<dir> This tag is not supported in HTML5 and  Use <ul>in its place.
Defines a directory list
<dl> It describes a description list
<dt> It describes a term or name in a description list
<dd> It describes a detail of a term or name in a description list
<menu> This terms of HTML Tag is used to show list/menu of commands
<menuitem> It describes a command or menu item that the user can raise from a popup menu

HTML Tables Tag Use

Tag Description
<table> This terms of HTML Tag is used to show a table
<caption> It showed you a table caption
<th> This terms of HTML Tag is used to show a header cell in a table
<tr> It showed you a row in a table
<td> This terms of HTML Tag is used to show a cell in a table
<thead> It shown youGroups the header content in a table
<tbody> It showed youGroups the body content in a table
<tfoot> It showed youGroups the footer content in a table
<col> This tag represent the suggests column properties for each column within a <colgroup> element
<colgroup> This tag represent the suggests a group of one or more columns in a table for organizing

HTML Styles and Semantics Tags Use 

Tag Description
<style> It defines style material for a document
<div> This tag defines a specific section in a document
<span> It expresses a section in a document
<header> It expresses a header for a document or section
<footer> It expresses a footer for a document or section
<main> It expresses the main content of a document
<section> This terms used to define a section in a document
<article> This terms use to define an article
<aside> This terms use to define content aside from the page content
<details> Expressesextra details that the user can view or hide on the web page
<dialog> Explains a dialog box or window on web page
<summary> This terms use to define a observable or visible heading for a <details> element

HTML Meta Info Tags Use

Tag not supported in HTML5 but Use in CSS. it defines a default color, font and size for all text in a document

Tag Description
<head> Describesdetail about the document
<meta> Explains metadata about an HTML document
<base> Define the base URL or target for all relative URLs in a document
<basefont>

HTML Programming Tags Use

Tag Description
<script> It is used to show a client-side script
<noscript> This tag define an alternate content for users that do not support client-side scripts in a page
<applet> This tag is no more supported in HTML5 and other tags like Use <embed> or <object> used in place of it.
it shows you an embedded applet in the web pages
<embed> This tag is used to define a container for an external or non-HTML application
<object> It showed an embedded object
<param> This tag use to show a parameter for an object

Basic Formatting HTML Tags

This html tag Not further use in HTML5 and <abbr> use in tha place of <acronym tag. this tag usually Defines an acronymWhen you want to bold your text you can use this bold textSeparates a part of text that might be formatted in an altered way or different direction from other text outside it then use this tagThis tag Use CSS in CSS Rather then HTML5. it is used to Defines big text into the documentWhen you are goin to use quoted from another source this tag use toDefines that section of quoteThis tag Expresses text that is no longer correctThis States text that should be stylistically different from normal text and use to underline any text

Tag Description
<acronym>
<abbr> In HTML Tags the abbr tag are used to Defines an abbreviation
<address> This HTML Tag is use to Defines contact info for the writer/owner of a document/article
<b>
<bdi>
<bdo> Overrides the current text direction use the bdo tag
<big>
<blockquote>
<center> This tag Use CSS and not supported in HTML 5.
Defines centered text
<cite> This tag use to defines the title of a job
<code> Expresses a part of computer code
<del> Expresses text that has been removed from a document
<dfn> Denotes the describing instance of a term
<em> Describes emphasized text 
<font> This tag not supported in HTML5 and Use CSS in its place.
Describes font, color, and size for text
<i> Expresses a part of text in an alternative voice or mood
<ins> Expresses the text that has been introduced into a document
<kbd> Describes keyboard input into the website pages
<mark> Use to describes marked/highlighted text
<meter> This Terms of HTML Tag use to a scalar measurement within a known range
<pre> States preformatted text in thins tag
<progress> This tag Denotes the development of a task
<q> It Expresses a short quotation from the web page
<rp> It Describes what to display in browsers that do not support by ruby annotations
<rt> This TML Tag states a description/enunciation of characters use for East Asian typography
<ruby> This JTML Tag describes a ruby annotation use for East Asian typography
<s>
<samp> This Terms of HTML Tag example construction from a computer program
<small> The tag small Explains smaller text in the series of different codes
<strike> Strike tag Not supported in HTML5, now HTML 5 Use <del> or <s> in its place.
Describes strikethrough text
<strong> Describes important text into the document of web page
<sub> This tag Explains subscripted text
<sup> It describes superscripted text in any article or work
<time> This HTML Tag use to Expresses a date and time
<tt> This tag Not supported in HTML5 and Use in CSS.
this HTML Tag Explains teletype text
<u>
<var> This HTML Tag Describes a variable in the document of webpage
<wbr> This Terms use to describe a possible line-break on the website

Use Of Forms and Input HTML Tags

Tag Description
<form> Describes an HTML form for user input in HTML
<input> Use to describes an input controller
<textarea> This is Expresses a multiline input control in the text area of the web page writing
<button> Use to add a clickable button to the website
<select> Use to add a drop-down list to the page
<optgroup> Use to add a group of related options in a drop-down list of pages
<option> Use to add an option in a drop-down list
<label> Use to add label for an <input> element in the websites
<fieldset> Use to add a group’s related elements in a form of web page
<legend> Use to add a caption for a <fieldset> element in the web page
<datalist> Use to add a specifies a list of pre-defined options for input controls in a website
<keygen> This HTML Tag use to explains a key-pair generator field (for forms)
<output> It describes the result of a calculation in a form or anywhere

Use HTML Tags of Frames

Tag Description
<frame> This tag is not supported in HTML5.
it uses to explains a window or a frame in a frameset
<frameset> This tag is not supported in HTML5.
Describes a set of frames in the web page
<noframes> This tag is not supported in HTML5.
it describes a substitute content for consumers that do not support frames
<iframe>

It Expresses an inline frame in HTML Tags

 

  

Keep visiting www.myaktion.com for more lesson and keep sharing with your friends. feel free to ask any question related this tutorial.

About My Aktion

Aksa Sahi I am a web developer and SEO expert and also an Economist, I earned the degree of B.sc (Hons) in Agricultural and resource Economics from the University of Agriculture Faisalabad in 2013. Exploring the World of Technology and traveling the adventure place is my passion working as a teacher and as a freelance web developer. I love to explore the world of IT. www.myaktion.com

Check Also

HTML Paragraph Tag In Html Class 9 - HTML Tutorials

HOW TO USE HTML PARAGRAPH TAG IN HTML CLASS 9

HTML Paragraph Tag The p tag is known as HTML paragraph tag and This paragraph ...

2 comments

  1. I’ve been exploring for a little bit for any high-quality articles or blog
    posts on this kind of space . Exploring in Yahoo I
    eventually stumbled upon this web site. Studying this info So i am
    satisfied to convey that I have an incredibly good uncanny feeling I came upon exactly what I needed.
    I so much indubitably will make certain to don?t forget this website and give it a glance regularly.

Leave a Reply

Your email address will not be published. Required fields are marked *