Page 41 - DCAP408_WEB_PROGRAMMING
P. 41

Unit 2: Creating Static Web Pages




          Objectives                                                                            Notes

          After studying this unit, you will be able to:
              Scan the HTML Document Structure

              Describe Singular and Paired Tags
              Demonstrate the Hyperlinks and Adding images
              Recognize Audio and Video tags
              Explain the creation of lists, tables, forms, frames

              Scan the using of multiple windows for web pages
          Introduction


          HTML (Hyper-Text Markup Language) is composed of tags, i.e., commands in angle-brackets
          (< >). HTML tags are case-insensitive, that is, it doesn’t matter whether you type them in upper
          or lower case.

          2.1 HTML Document Structure

              An HTML element starts with a start tag/opening tag
              An HTML element ends with an end tag/closing tag

              The element content is everything between the start and the end tag
              Some HTML elements have empty content
              Empty elements are closed in the start tag

              Most HTML elements can have attributes
          Tags typically occur in begin-end pairs. These pairs are in the form tag> ... </tag> Where the
          <tag> indicates the beginning of a tag-pair, and the </tag> indicates the end. (The three dots
          indicate an arbitrary amount of content between the tags.). These pairs define containers. Any
          content within a container has the rules of that container applied to it. For example, the text
          within a “boldface container” would be boldfaced. Similarly, paragraphs are defined using a
          “paragraph container.”
          Some commands do not consist of a begin and end tag, but just of a single tag. In HTML, this is
          just a begin tag:<tag>

          2.1.1 Document Tags

          The first tag in an HTML document is the “!DOCTYPE” tag. It looks like this
          (or  similar):

          <!DOCTYPE  HTML  PUBLIC  “-//W3C//DTD  HTML  4.01//EN”
          “http://www.w3.org/TR/html4/strict.dtd”>
          This says that the document is written in HTML, version 4.01, and that all requirements of HTML
          4.01 are strictly adhered to. Don’t worry if that line looks a bit complicated—just type it into
          your web page exactly like you see it above, and it will work for you. The DOCTYPE declaration
          needs to be written in upper case, just like you see it above—it is an exception to the general rule
          of writing tags in lower case.


                                           LOVELY PROFESSIONAL UNIVERSITY                                   35
   36   37   38   39   40   41   42   43   44   45   46