Saturday , 24 July 2021
Breaking News

What is HTML and HTML Tags in Web Technologies

Spread the love

First industrialized by Tim Berners-Lee in 1990HTML is brief for Hypertext Markup Language. HTML is used to make automated documents (called pages) that are shown on the World Wide Web. Each page contains a sequence of influences to other pages called hyperlinks.

 Each web page you understand on the Internet is written by means of one version of HTML code or another.

HTML code safeguards the proper format of text and images for your Internet browser. Without HTML, a browser would not distinguish how to show text as elements or weight images or other basics.

HTML also proposals a basic building of the page, upon which Cascading Style Sheets are overlaid to change its arrival. One might think of HTML as the frames (structure) of a web page, and CSS as its skin (appearance).

<!doctype html>
<html>
<head>
<title>TechTerms.com</title>
</head>
<body>
<p>This is an example of a paragraph in HTML.</p>
</body>
</html>

The first line describes what type of contents the document covers. “<!doctype html>” resources the page is written in HTML5. Properly formatted HTML pages should contain <html>, <head>, and <body> tags, which are all comprised in the example above. The page title, metadata, and links to referenced files are placed between the <head> tags. The actual fillings of the page go between the <body> tags.

HTML Versions

Meanwhile the time HTML was conceived there are heaps of HTML versions in marketplace, the brief introduction about the HTML version is given below:

HTML 1.0: The first version of HTML was 1.0, which was the basics version of HTML language, and it was released in1991.

HTML 2.0: This was the next version which was released in 1995, and it was standard language version for website design. HTML 2.0 was able to support extra features such as form-based file upload, form basics such as text box, option button, etc.

HTML 3.2: HTML 3.2 version was available by in early 1997. This version was accomplished of making tables and providing provision for extra options for form elements. It can also provision a web page with multifaceted careful equations. It became an official standard for any browser till January 1997. Today it is almost reinforced by most of the browsers.

HTML 4.01: HTML 4.01 version was unconfined on December 1999, and it is a very steady version of HTML language. This version is the present official standard, and it delivers added support for stylesheets (CSS) and scripting ability for various multimedia elements.

HTML5 : HTML5 is the latest version of HyperText Markup language. The first current of this version was declared in January 2008. There are two major organizations one is W3C (World Wide Web Consortium), and additional one is WHATWG( Web Hypertext Application Technology Working Group) which are involved in the growth of HTML 5 version, and still, it is under development.

HTML Evolution. What Differs Between HTML and HTML5?

Since the initial days, HTML has gone through an far-fetched evolution. W3C constantly publish new versions and updates, while historical milestones get dedicated names as well.

HTML4 (these days commonly referred to as “HTML”) was existing in 1999, while the latest major version came out in 2014. Named HTML5, the inform has introduced many new buildings to the language.

Features of HTML5

One of the most anticipated features of HTML5 is native support for audio and video embedding. Instead of using Flash player, we can simply implant videos and audio files to our web pages using the new <audio></audio> and <video></video> tags. It also includes in-built provision for scalable vector graphics (SVG) and MathML for mathematical and scientific formulas.

HTML5 introduced a few semantic developments as well. The new semantic tags notify browsers about the meaning of content, which benefits both readers and search engines.

The most popular semantic tags are <article></article><section></section><aside></aside><header></header>, and <footer></footer>. To find amore unique differences, consider checking our in-depth HTML and HTML5 comparison.

Basic HTML Tags

TagDescription
<!DOCTYPE> Defines the document type
<html>Defines an HTML document
<head>Contains metadata/information for the document
<title>Defines a title for the document
<body>Defines the document’s body
<h1> to <h6>Defines HTML headings
<p>Defines a paragraph
<br>Inserts a single line break
<hr>Defines a thematic change in the content
<!–…–>Defines a comment

Formatting Tags

TagDescription
<acronym>Not supported in HTML5. Use <abbr> instead.
Defines an acronym
<abbr>Defines an abbreviation or an acronym
<address>Defines contact information for the author/owner of a document/article
<b>Defines bold text
<bdi>Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo>Overrides the current text direction
<big>Not supported in HTML5. Use CSS instead.
Defines big text
<blockquote>Defines a section that is quoted from another source
<center>Not supported in HTML5. Use CSS instead.
Defines centered text
<cite>Defines the title of a work
<code>Defines a piece of computer code
<del>Defines text that has been deleted from a document
<dfn>Specifies a term that is going to be defined within the content
<em>Defines emphasized text 
<font>Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
<i>Defines a part of text in an alternate voice or mood
<ins>Defines a text that has been inserted into a document
<kbd>Defines keyboard input
<mark>Defines marked/highlighted text
<meter>Defines a scalar measurement within a known range (a gauge)
<pre>Defines preformatted text
<progress>Represents the progress of a task
<q>Defines a short quotation
<rp>Defines what to show in browsers that do not support ruby annotations
<rt>Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>Defines a ruby annotation (for East Asian typography)
<s>Defines text that is no longer correct
<samp>Defines sample output from a computer program
<small>Defines smaller text
<strike>Not supported in HTML5. Use <del> or <s> instead.
Defines strikethrough text
<strong>Defines important text
<sub>Defines subscripted text
<sup>Defines superscripted text
<template>Defines a container for content that should be hidden when the page loads
<time>Defines a specific time (or datetime)
<tt>Not supported in HTML5. Use CSS instead.
Defines teletype text
<u>Defines some text that is unarticulated and styled differently from normal text
<var>Defines a variable
<wbr>Defines a possible line-break

Example of a simple HTML page

Hypertext Markup Language (HTML) is the most common language used to create documents on the World Wide Web. HTML uses hundreds of different tags to define a layout for web pages. Most tags require an opening <tag> and a closing </tag>.

Example:  <b>On a webpage, this sentence would be in bold print.</b>

Below is an example of a very simple page:

 This is the code used to make the page:

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>

<BODY BGCOLOR=”FFFFFF”>

<CENTER><IMG SRC=”clouds.jpg” ALIGN=”BOTTOM”> </CENTER>

<HR>

<a href=”http://somegreatsite.com”>Link Name</a>

is a link to another nifty site

<H1>This is a Header</H1>

<H2>This is a Medium Header</H2>

Send me mail at <a href=”mailto:support@yourcompany.com”>

support@yourcompany.com</a>.

<P> This is a new paragraph!

<P> <B>This is a new paragraph!</B>

<BR> <B><I>This is a new sentence without a paragraph break, in bold italics.</I></B>

<HR>

</BODY>

</HTML>

HTML example

Leave a Reply

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

Adnan Online Class