Page 22 - modular_v2.0_HTML&_CSS_Fb
P. 22

In HTML document, a tag name begins with an opening angular bracket (<) and  ends with
                  closing angular bracket (>). For example:

                                            <TagName> content </TagName>



                                              Opening tag                   Closing tag

                  Both opening and closing tags are same. The only difference is that the closing tag contains a
                  forward slash in front of the tag name. Most of the tags in HTML have opening and closing tags.
                  A combination of opening tag, content, and closing tag is called an element.

                  The HTML tags can be categorised as:
                      Container Tags: The tags that have both opening and closing tags are called container
                       tags or paired tags.

                       For example:  <B> ...... </B>
                          <HEAD> ...... </HEAD>
                      Empty Tags: Empty tags or self-closing tags contain only opening tag. They do not have

                       closing tag. These tags do not enclose any data.
                       For example:  <BR/>, <HR/>, etc.
                  HTML tags can also be further classified as:

                      Block Level Tags: The block level tags take up the full width available and by default begin
                       on a new line. Some of the block level tags are Paragraph <P>, headings <H1> to <H6>,
                       Horizontal Rule <HR/>, etc.

                      Text Level Tags: The text level tags are used to mark up parts of text. These tags do not
                       start with new line. Some of the text level tags are Bold <B>, Superscript <SUP>, Italic <I>,
                       Subscript <SUB>, etc.
                  Nesting of Tags

                  Nesting of tags means that you can start a new tag before closing the previous tag. The only
                  point to remember is that tags are nested on LIFO principle, that is, Last In First Out. This means
                  that the tag which has been opened last needs to be closed first.

                  Attribute

                  An attribute is a property that provides some additional information about a tag. It enhances the
                  functionality of a tag. It is always specified inside the opening tag. All attributes consist of two
                  parts—a name and a value.

                  The 'NAME' is the property that you want to set.
                  The ‘VALUE’ is what that you want for the respective property.

                  For example:         <BODY ID="animal">
                  The ID attribute is used to assign a unique identifier to the body element, which can be used for
                  CSS styling or JavaScript.


                   20
                          Touchpad MODULAR (Ver. 2.0)
   17   18   19   20   21   22   23   24   25   26   27