Page 98 - CodePilot V5.0 C6
P. 98
HISTORY OF HTML TAGS AND ATTRIBUTES
Tim Berners-Lee, a CERN scientist, invented the first version of HTML to help scientists share Tags are HTML building blocks used to structure web content like headings, paragraphs, links and
research. He also laid the foundation for the World Wide Web. images. Enclosed in < >, each tag has a specific meaning interpreted by the browser.
Syntax:
HTML 1.0 HTML 2.0 HTML 3.2 HTML 4.01 HTML5
1993 1995 1997 1999 2014 <TAG_NAME> content </TAG_NAME>
For example:
<P> My cat is very grumpy </P>
FEATURES OF HTML5
Opening Tag Content Closing Tag
The main features of HTML5 are:
It works on any device—computer, tablet or phone. Most HTML tags have opening and closing tags. The opening tag < > starts an element and the
It is easy to learn and doesn’t need complicated skills. closing tag </ > ends it. Together with the content, they form an element.
It lets you create links to other web pages. In 1990, Tim Berners-Lee made TYPES OF TAGS
It is not case-sensitive. Tags work the same in uppercase or the first web browser.
lowercase. HTML5 tags can be classified into two types:
It can be used to create all kinds of web pages, from simple to complex ones. Container Tags: Container tags have opening and closing tags that enclose data. The closing
It lets you add pictures, videos and music to your web page. tag has a forward slash. Examples include <P>…</P>, <HTML>…</HTML>, <HEAD>…</HEAD>,
<BODY>…</BODY> and <H1>…</H1>.
HTML EDITOR Empty Tags: An empty tag is a tag that does not have a closing tag. It is used by itself to add
something to a web page. Examples of empty tags include <HR> and <BR>.
HTML files are generally called HTML documents. They are created in an HTML editor and saved
with the extension .html. NESTING TAGS
HTML editors can be of two types: WYSIWYG editors and Text editors. Nesting tags means placing one HTML tag inside another. Tags follow LIFO (Last In First Out):
the last opened tag must be closed first.
WYSIWYG EDITOR
For example:
WYSIWYG (What You See Is What You Get) editors let developers see the final appearance while
<BODY> <H1> Web Browser </H1> </BODY>
creating a page. They offer graphical tools for design. Examples include Adobe Dreamweaver,
CKEditor and Google Web Designer. ATTRIBUTE
TEXT EDITOR An attribute adds extra information to an HTML tag. It has a name and value, is placed in the
opening tag and the value is enclosed in quotes.
HTML documents can be created with text editors like Notepad or WordPad, but you must know
HTML tags and their usage. Syntax:
<TAG_NAME ATTRIBUTE_NAME="VALUE">...</TAG_NAME>
RAPID RECALL Tick ( ) if you know this.
1. HTML stands for HyperText Markup Language. RULES FOR WRITING HTML5 CODE
2. HTML lets you add pictures, videos and music to your web page. Some of the basic rules for writing HTML5 code are:
Content should be placed between opening and closing tags.
96
CodePilot (V5.0)-VI
