Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 61 - 2629_Devagiri_C-7
P. 61

    There should not be any space within the tag. For example, < T A G> is incorrect.
     TAGS AND ATTRIBUTES
                         All container tags require a closing tag with a forward slash followed by the tag name.
     Tags are HTML building blocks used to structure web content like headings, paragraphs, links and     Tag names must be enclosed in angle brackets without spaces.
     images. Enclosed in < >, each tag has a specific meaning interpreted by the browser.    When nesting, the inner tag should be closed before closing the outer tag.
     Syntax:
                         An attribute should be present in the opening tag.
     <TAG_NAME> content </TAG_NAME>
     For example:
                            STRUCTURE OF AN HTML5 DOCUMENT
     <P> My cat is very grumpy </P>

                     The basic structure of an HTML document is as follows:
     Opening Tag  Content  Closing Tag
                     <!DOCTYPE HTML>
     Most HTML tags have opening and closing tags. The opening tag < > starts an element and the
     closing tag </ > ends it. Together with the content, they form an element.  <HTML>

                     <HEAD>
     TYPES OF TAGS
                     <TITLE>Title of the web page</TITLE>                     Head Section
     HTML5 tags can be classified into two types:
                     </HEAD>
       Container Tags: Container tags have opening and closing tags that enclose data. The closing
     tag  has  a  forward slash. Examples  include  <P>…</P>, <HTML>…</HTML>,  <HEAD>…</HEAD>,   <BODY>
     <BODY>…</BODY> and <H1>…</H1>.
                     Content of the Web page               Body Section
       Empty Tags: An empty tag is a tag that does not have a closing tag. It is used by itself to add
                     </BODY>
     something to a web page. Examples of empty tags include <HR> and <BR>.
                     </HTML>
     NESTING TAGS
                     THE <!DOCTYPE HTML> TAG
     Nesting tags means placing one HTML tag inside another. Tags follow LIFO (Last In First Out):

     the last opened tag must be closed first.  All HTML5 documents start with <!DOCTYPE HTML>, telling the browser to interpret the document
                     as HTML5.
     For example:

     <BODY> <H1> Web Browser </H1> </BODY>  THE <HTML> TAG
                     The <HTML> tag is the root of an HTML document. The <HTML> tag is the container tag for all other
     ATTRIBUTE
                     HTML elements, except for the <!DOCTYPE HTML> declaration.
     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.  THE <HEAD> TAG

     Syntax:         The <HEAD> tag contains metadata about the web page. It includes tags that provide information
                     about the web page but are not displayed directly on the page itself. Tags that can be placed
     <TAG_NAME ATTRIBUTE_NAME="VALUE">...</TAG_NAME>
                     inside the <HEAD> tag include <TITLE>, <STYLE>, <SCRIPT> and <META>.

     RULES FOR WRITING HTML5 CODE  THE <TITLE> TAG
                     The <TITLE> tag is a container tag. It defines the title of the document. It can only contain text and
     Some of the basic rules for writing HTML5 code are:
                     it is displayed on the web browser’s title bar or the page’s tab.
       Content should be placed between opening and closing tags.

                                                                                                                      59
                                                                                                 HTML5–Getting Started

| 56 57 58 59 60 61 62 63 64 65 66 |