Scribd Logo
Upload

Welcome to Scribd!

  • HTML Programming: By: Dr. Noor Dayana Abd Halim

    Uploaded by

    Izlaikha Aziz
    21 views15 pages
    html

    Original Title

    Introduction to HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    html

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    21 views15 pages

    HTML Programming: By: Dr. Noor Dayana Abd Halim

    Uploaded by

    Izlaikha Aziz
    html

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 15

    HTML Programming

    By: Dr. Noor Dayana Abd Halim


    What is HTML?
    An acronym for HyperText Markup Language, (HTML)
    Is the language used to tag various parts of a Web
    document so browsing software will know how to
    display that document's links, text, graphics and
    attached media.
    HTML is a markup language (computer laguange)
    HTML documents are also called web pages
    Introduced by Tim Berners-Lee in 1989
    EXTENTION .html or .htm
    What is HTML tag?
    HTML markup tags are usually called HTML tags
    HTML tags are keywords (tag names) 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
    The end tag is written like the start tag, with a forward
    slash before the tag name
    Start and end tags are also called opening tags and
    closing tags
    What is an HTML File?
    HTML stands for Hyper Text Markup Language
    An HTML file is a text file containing small markup tags
    The markup tags tell the Web browser how to display
    the page
    An HTML file must have an htm or html file extension
    An HTML file can be created using a simple text editor
    HTML Editor
    You can easily edit HTML files using a WYSIWYG (what
    you see is what you get) editor like FrontPage,
    Publisher, Adobe Dreamweaver, Adobe Flash, Claris
    Home Page, or Adobe Page Mill instead of writing your
    markup tags in a plain text file.
    HTML Code
    EXAMPLE

    <html>
    <head>
    <title>Title of page</title>
    </head>
    <body>This is my first homepage.
    <b>This text is bold</b>
    </body>
    </html>
    HTML Code
    LINE BREAK
    Use the <br> tag if you want a line break
    (a new line) without starting a new paragraph

    This is a paragraph
    <br>This is another paragraph

    PARAGRAPH
    Paragraphs are defined with the <p> tag.

    <p>This is a paragraph</p>
    <p>This is another paragraph</p>
    HTML Code
    PARAGRAPH: center, left, right, justify
    <body>
    <P align=center>
    This is a centered paragraph.
    </P>
    </body>
    HTML Code
    FONT : color, type of font
    <body>
    <center>
    untuk set center

    <P>
    </font color=blue>
    xxxxxx
    </font>
    </body>
    </center>
    HTML Code
    BACKGROUND & TEXT COLOR

    <BODY bgcolor=black text=white>


    <H1>Hi! I am Megat.</H1>
    </BODY>

    Text in white color

    Background in black color


    HTML Code
    HEADING

    Headings are defined with the <h1> to <h6> tags.


    <h1> defines the most important heading.
    <h6> defines the least important heading.

    <h1>This is a heading</h1>
    <h2>This is a heading</h2>
    <h3>This is a heading</h3>
    HTML Code
    LIST : UNORDERED LIST

    An unordered list starts with the <ul> tag. Each list item
    starts with the <li> tag.
    The list items are marked with bullets (typically small
    black circles).
    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    </ul>
    HTML Code
    LIST : ORDERED LIST

    An ordered list starts with the <ol> tag. Each list item
    starts with the <li> tag.
    The list items are marked with numbers.

    <ol>
    <li>Coffee</li>
    <li>Milk</li>
    </ol>
    Lets Try This
    <html>
    <head>
    <! Tajuk Dokumen -->
    <title>Tajuk</title>
    </head>

    <body>
    <! Isi Kandungan -->
    <h1>Tajuk Pertama</h1>
    <p>Tulis sesuatu berkenaan diri anda</p>

    <h2>Tajuk Kedua</h2>
    <!-- seterusnya -->

    </body>
    </html>
    Other resources
    HTML Tutorial
    http://www.w3schools.com/html/default.asp

    A beginer Guide to HTML


    http://www.htmlgoodies.com/primers/html/
    http://www.htmlcodetutorial.com/

    You might also like