Basic HTML Version

|  | Table of Contents |  | View Full Version

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

| 93 94 95 96 97 98 99 100 101 102 103 |