Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Information Technology II: Don Bosco Technical College

    Загружено:

    martindinglasan
    26 просмотров3 страницы
    1 HTML Review

    Оригинальное название

    1 HTML Review

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOC, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    1 HTML Review

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOC, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    26 просмотров3 страницы

    Information Technology II: Don Bosco Technical College

    Загружено:

    martindinglasan
    1 HTML Review

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOC, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    Don Bosco Technical College

    Information Technology II - #1

    Gen. Kalentong Street, Mandaluyong City

    HIGH SCHOOL DEPARTMENT

    Information Technology II
    Review of Terminologies
    What does HTML stand for?
    Hyper Text Markup Language.
    A text file containing markup tags.
    Ends up with a .htm or .html extension name.
    Can be created using a simple text editor.
    o Notepad
    o Wordpad
    html page

    document
    Elements that are called
    tags

    <html>
    <body>
    This is my first webpage.
    </body>
    </html>

    Basic

    The surrounding characters are called angle brackets or delimeters


    HTML tags normally come in pairs like <b> and </b> but not all
    o <hr>, <br>, <img>, <input> - tags do not have
    The first tag in a pair is the start tag, and the second tag is the end tag
    Tags
    <p></p>
    <br />
    <!comment -->
    <h1></h1> <h2></h2>
    <hr>

    paragraph
    break line
    comment
    headings
    horizontal rule

    HTML Attributes
    Attributes provide additional information to an HTML element. Attributes always
    come in name/value pairs like this: name=value.
    Examples where HTML attributes are placed:
    <p align= center> I love Information Technology </p>
    <body bgcolor=yellow> </body>

    Information Technology II - #1

    Color Coded Syntax for Review and Synthesis:


    <p align=center> This is a paragraph. </p>
    Delimiters / angle brackets
    Element content
    Attribute
    Value of the attribute
    The entry enclosed in the tag
    *the whole <p></p> tag is the element itself
    *enclose the value always in quotation marks or
    Formatting Tags:
    <b> </b>
    <i> </i>
    <u> </u>
    <sub> </sub>
    <sup> </sup>

    bold
    italics
    underline
    subscript (H2O)
    superscript (degreeo)

    Character Entities:
    Some characters like the < character, have a special meaning in HTML, and
    therefore cannot be used in the text. To display a less than sign (<) in HTML, we have
    to use a character entity.
    Have you tried making an output like this in HTML?
    If x < 9, what could be the value of x?
    Some of the well-used character entities are:
    &nbsp;
    - non-breaking space
    &copy;
    - copyright
    &reg;
    - registered trademark
    &euro; - euro

    Hyperlinks
    A link is a connection from one web resource to another. Although a simple
    concept, the link has been one of the primary forces driving the success of the web.
    A link has two ends called anchors and a direction. The link starts at the
    source anchor and points to the destination anchor, which may be any web
    resource (e.g., an image, a video clip, a sound bite, a program, an HTML document, an
    element within an HTML document, etc).
    * - <a> </a> stands for anchor tag.

    Information Technology II - #1

    Syntax of a link with the href attribute


    * <a href=url>Output Link</a>

    URL Unified Resource Locator

    Sample source code of Anchor Links


    <htmL>
    <body>
    <a href=test.html#below>Going to the link
    below?</a>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br><br><br><br><br><br>
    <a name=below>Down</a>
    </body>
    </html>

    Explanation of the source code above:


    <a href=test.html#below>Going to the link below?</a>
    This link goes to the same webpage named test.html. The #below is the destination
    in the page it will redirect to. If there is no link in the page named #below, once you clicked
    the link it will move no where.

    <br>
    Used to show emphasis for the scroll bar in the webpages.

    <a name=below>Down</a>
    This is the link wherein we use the reference. Once you click the link above it will go to
    this link.

    Some other things to take note


    WYSIWYG what you see is what you get editor. Samples are frontpage,
    dreamweaver, etc.

    Why do we use lowercase tags?


    We have just said that HTML tags are not case sensitive: <B> means the same as <b>.
    if you surf the web, you will notice that plenty of web sites use uppercase HTML tags in their
    source code. We always use lowercase tags. If you want to follow the latest web standards, you
    should always use lowercase tags. The World Wide Web Consortium (W3C) recommends
    lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML)
    demands lowercase tags.

    Вам также может понравиться