Introduction to HTML

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    Notes on slide 1

    Favorites, Groups & Events

    Introduction to HTML - Presentation Transcript

    1. Web Design http://yht4ever.blogspot.com [email_address] B080013 - NIIT Quang Trung 12/2007
    2. Contents Web Page Authoring Slide Publish website Hyperlinks Formatting HTML Document Understanding HTML Introduction
    3. What is web?
      • What is a website?
        • A collection of related web pages 
      • What is a web page?
        • A single page that contains text, graphics, multimedia, links, forms, tables, …
      Web Page Authoring Slide
    4. How to design a good site?
      • Identify Your Audience 
      • Contents 
      • Navigation 
      • Keywords 
      • Download Speed 
      • Browser Compatibility
      Web Page Authoring Slide
    5. Understanding HTML
      • HTML:
        • Is a collection of platform-independent styles used to create a Web document or a Web page.
        • Tim Berners Lee designed the original HTML document in 1990.
        • The World Wide Web Consortium (W3C) is the standards organization that controls the various versions of HTML.
      Web Page Authoring Slide
    6. Understanding HTML (cont.)
      • Features of HTML:
        • Create a Web page using tags.
        • Use graphics and display text in different fonts, sizes, and color.
        • Enhance the presentation of the document using HTML elements.
        • Create hyperlinks to navigate to different documents present on the Web.
        • Display data in a tabular format.
        • Create multiple windows in a Web page to display information from multiple sources in different windows
        • …
      Web Page Authoring Slide
    7. Understanding HTML (cont.)
      • Structure of an HTML Document
        • An HTML document can be created by combining various tags.
        • Tags are special markup codes enclosed in angle brackets that define the structure of the HTML document.
        • An HTML document contains the following structural tags:
          • <!DOCTYPE>
          • <HTML>
          • <HEAD>
          • <BODY>
          • <SCRIPT>
      Web Page Authoring Slide
    8. Understanding HTML (cont.)
      • Some meta tags
        • <meta name=&quot;keywords&quot; content=&quot;web&quot; />
        • <meta name=&quot;description&quot; content=&quot;web page authoring demo&quot; />
        • <meta http-equiv=&quot;refresh&quot; content=&quot;5;URL=product.html&quot; />
      Web Page Authoring Slide
    9. Understanding HTML (cont.)
      • <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;>
      • <html>
      • <head>
      • <meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8“ />
      • <title>Web page authoring</title>
      • </head>
      • <body>
      • </body>
      • </html>
      Web Page Authoring Slide
    10. Formatting HTML Document
      • The block level tags are:
        • Paragraph tag: <p>
        • Line Break tag: <br />
        • Horizontal Rule tag: <hr>
        • Heading tags: <h1> to <h6>
        • Primitive Formatting tag: <pre>
        • Blockquote tag: <blockquote>
        • Center tag: <center>
      Web Page Authoring Slide
    11. Formatting HTML Document (cont.)
      • The text level tags are:
        • <font> tag
        • <b>, <strong> tag
        • <i>, <em> tag
        • <u> tag
        • <sub> and <sup> tags
        • <strike> tag
      Web Page Authoring Slide
    12. Formatting HTML Document (cont.)
      • List tags:
        • are compound, block level tags, commonly used in HTML documents.
        • have some attributes that enable you to manipulate the appearance of the lists and in turn the appearance of the Web page.
        • can be nested.
      • The various types of lists used in HTML are:
        • Ordered or numbered lists
        • Un-ordered or bulleted lists
        • Definition lists
      Web Page Authoring Slide
    13. Formatting HTML Document (cont.)
      • Special characters:
        • Line break
        • Non-breaking space
        • Copyright
        • Registered
        • Trademark
        • Less than
        • Greater than
        • …
      Web Page Authoring Slide
    14. Hyperlinks
      • Hyperlinks
      • Email link
      • Named anchor
      Web Page Authoring Slide
    15. Publish your website
      • Domain name
      • Hosting service
      • Upload your file using FTP or web interface
      Web Page Authoring Slide
    16. Naming Convention
      • Naming conventions are set of rules followed for naming Web pages.
      • Hosting service providers have their own set of conventions.
      • Some of the common default file names for home pages are:
        • index.html/ index.htm
        • default.html/ default.htm
        • welcome.html/ welcome.htm
        • home.html/ home.htm
      Web Page Authoring Slide
    17. Summary Web Page Authoring Slide
    18. Q&A
      • Feel free to post questions at http://yht4ever.blogspot.com .
      • or email to: [email_address]
      Web Page Authoring Slide
    19. http://yht4ever.blogspot.com Thank You !

    + yht4everyht4ever, 3 years ago

    custom

    700 views, 0 favs, 0 embeds more stats

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 700
      • 700 on SlideShare
      • 0 from embeds
    • Comments 0
    • Favorites 0
    • Downloads 71
    Most viewed embeds

    more

    All embeds

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories

    Tags

    -->
    What's New

    © 2009 SlideShare Inc. All rights reserved.