Scribd Logo
Hochladen

Willkommen bei Scribd!

  • V. Understanding The Structure and Logic of HTML

    Hochgeladen von

    Yumi kosha
    36 Ansichten26 Seiten
    Html

    Originaltitel

    module-5

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PPTX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    Html

    Copyright:

    © All Rights Reserved
    Als PPTX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    36 Ansichten26 Seiten

    V. Understanding The Structure and Logic of HTML

    Hochgeladen von

    Yumi kosha
    Html

    Copyright:

    © All Rights Reserved
    Als PPTX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 26

    V.

    Understanding the Structure


    and Logic of HTML

    1. General Introduction
    2. Basic Structure of HTML
    3. HTML Document Font Attributes
    and Tags
    Introduction

    • What is HTML
    – HyperText Markup Language
    – It is the coding system used to make web pages or
    sometimes called “language of web pages”.
    – HTML is not a programming language, it is a
    markup language
    – A markup language is a set of markup tags
    HTML uses markup tags to describe web
    pages
    • HTML tag tells the browser where and how to
    present the text, graphic images, links and
    other web pages components.
    • The way the pages are encoded is with a
    Markup called HTML.
    • Web Pages are used to convey data or
    information. The data is your message that is
    considered the body of HTML document. The
    text and content are the most important parts
    in a web page.
    • Web page is simply a text file ending with
    suffix .html or .htm in its raw form. It is a
    simple text that contains HTML tags, with no
    background, no pictures, or animations that
    has no color, life and vitality.

    • The browser is a program on your computer


    that take these text files, reads them in row,
    and displays them on your computer in such a
    way the file HTML suggests.
    • The Tags are commands or the source code for
    any web page that interspersed all through
    the document. The tags tell the browser how
    to display the text, layout and images of the
    document. It is easy to recognized the tags
    because of its greater than or less than signs
    or the angle brackets.
    Features of HTML
    • Create a personal home page and leave your
    mark on the World Wide Web
    • Create a page for a company to advertise and
    promote products and services.
    • Build a catalog on the WWW complete with
    product description and pictures and fill in
    order forms so that customer can order from
    their line.
    • Create searchable phone directory for a
    company or organization.
    • Give information on how to advertise and how
    to access internet.
    • Create a newsletter on the web, with pictures
    and sounds.
    • Web Browser
    • World Wide Web
    • Web Site
    • URL
    • 3 Kinds of Home Page
    • Web page
    • Text Based
    • Home page
    Pages
    • Personal Home
    Pages
    • Commercial
    Home Pages
    • The WWW would not exist without HTML for
    it allows the individual elements on the web
    to be brought together and presented as
    collection.
    • The text , images, multimedia, and other files
    can be link all together using HTML.
    HTML markup tags are usually called HTML tags

    * HTML tags are keywords surrounded by angle


    brackets like <html>
    * HTML tags normally come in pairs like <b> and
    </b>
    * The first tag in a pair is the start tag, the second
    tag is the end tag
    * Start and end tags are also called opening tags
    and closing tags.
    How to Write a Simple HTML document?

    • <html></html>
    • <head></head>
    • <title></title>
    • <body></body>
    How to start typing the HTML doc.?

    • Click Programs
    • Click Accessories
    • Click Notepad
    • Type the HTML program
    How to save?
    • Click File from menu or simply click the
    save button
    • Type the filename and use the
    extension .html or .htm
    The Basic Structure of an HTML document
    <html>
    <head>
    <title> MY FIRST WEB PAGE </title>
    </head>
    <body>
    Very little is needed to make a happy life. It is
    all within your self, in your way of thinking.
    </body>
    </html>
    Heading
    • To insert a heading to your document type it in
    the body section

    – <h1></h1>
    – <h2></h2>
    – <h3></h3>
    – <h4></h4>
    – <h5></h5>
    – <h6> </h6>
    Paragraph, Text Break, and Formatting Text

    • Paragraph tags:( it creates a space between


    paragraphs)
    • <p> </p>
    • <dd>
    • <blockquote> </blockquote>

    <p>
    <dd> All we are is the result of what we have thought. The
    mind is everything. What we think we become.
    </p>
    • Text Break tag: (indicates the end of a line of text)
    – <br>

    <p>
    Alleluia <br>
    Blessed is the who fears the Lord<br>
    Who greatly delights in His commands<br>
    His children will be powerful on earth<br>
    The upright’s offspring will be pleased.</p>
    • Formatting Text: to apply a font, font color,
    and font size

    • <font> </font>
    • <font color=red size=5 face=“arial”> words,
    sentence, or paragraph </font>
    Font style and effects
    • <b> words, sentence, paragraph </b> bold
    • <u> words, sentence, paragraph </u> underline
    • <i> words, sentence, paragraph </i> italic
    • <s> words, sentence, paragraph </s> strike
    through
    • <sub> </sub> subscript
    • <sup></sup> superscript
    • <e> </e> emphasis
    Alignment, Horizontal ruled line, Background
    color
    • Paragraph Alignment – paragraph can be positioned
    on the left, right, or center of a browsers display window.

    • <p align=left> </p>


    • <p align=right> </p>
    • <p align= center> </p>
    • <p align=justified> </p>

    • To center a title or text you can use:


    – <center> </center>
    • Background color – it is applied to the body of
    a web page

    – <body bgcolor = yellow>


    • Horizontal Ruled Line – draws a horizontal line across a
    web page

    • <hr width=500 height=100 color=blue


    noshade>
    Background Picture
    • Refers to the use of a picture as the
    background of a web page.
    • The image appears tiled on the web page

    < Body Background=“d:\plaza\pic.jpg”>


    Marquee
    • Use to add an animation effect to text/displays a scrolling
    effect
    • Marquee attributes:
    – behavior (scroll, slide)

    – width indicates up to what part of the screen the text will


    move in a left to right direction
    – height indicates up to what part of the screen the text will
    move in a up-down direction
    – bgcolor specifies the background color of the text
    – Direction specifies the path or route of a text movement
    (up,down, right, left)
    – Loop indicates the number of times u want the text to
    animate.
    • <marquee behavior=scroll width=100% height=100%
    bgcolor=blue loop=infinite direction=up> text here </marquee>
    • Marquee that blinks
    – <marquee scrollamount=400 scroll delay=500> </marquee>

    • Marquee that comes from the middle


    – <marquee direction=left width=50%> </marquee>

    • For faster animation


    – <marquee scrollamount=20> </marquee>

    • Text that moves upward/downward like in acknowledgements:


    – <marquee width=100% height= 80% behavior=scroll direction=up>
    </marquee>

    Das könnte Ihnen auch gefallen