Scribd Logo
Загрузить

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

  • HTML Basics

    Загружено:

    Nikhil Boggarapu
    14 просмотров13 страниц
    HTMl

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

    © © All Rights Reserved

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

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

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

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

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

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

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

    HTML Basics

    Загружено:

    Nikhil Boggarapu
    HTMl

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

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

    HTML Basics

    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )


    What is HTML?
    Hyper Text Markup Language
    Web authoring software language
    Specifically created to make World Wide Web pages
    Created by Tim Berners-Lee in 1993.
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    What is HTML?
    HTML files
    Text files
    Contain mark-up tags
    Tags direct how page is to be displayed by browser
    Can be created from a simple text editor
    File extension .htm or .html
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Creating an HTML file
    First tag: <html>
    Indicates that you are starting an HTML document
    Last tag: </html>
    Indicates that you are ending an HTML document
    *Note* the open & close structure to HTML
    Fictional example: <sleep> and </sleep>
    Save file as index.html
    This is a typical default title for home pages
    Windows may seem to prefer .htm but .html will also
    work just fine.
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Index.html Example
    <html>
    </html>
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Creating an HTML file (cont.)
    Header information
    <head> to begin, and </head> to end
    Gives information about the page that is not displayed on
    the page itself
    Page Title
    <title> to begin, and </title> to end
    Example: <title>Transcriptions Studio</title>
    *Note* that there are no spaces between <title> and
    Transcriptions, nor between Studio and </title>
    Challenge: How would you place title information in your pages
    header information?
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Challenge answer:
    <html>
    <head>
    <title>Transcriptions Studio</title>
    </head>
    </html>
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Creating Text in HTML
    Body Tags
    <body> and </body>
    *Note* that all text that appears on the page must be
    encapsulated within the body tags
    Text headings
    <h1> and </h1>
    There are six defined heading sizes
    <h1> (largest) through <h6> (smallest)
    Paragraphs
    <p> and </p>
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Text Example
    <html>
    <header>
    <title>Transcriptions Studio</title>
    </header>
    <body>
    <h1>This is a big heading!</h1>
    <h2>This is a smaller heading</h2>
    <p>This is an example of a paragraph.</p>
    </body>
    </html>
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Text Example (cont.)
    This is a big heading!
    This is a smaller heading!
    This is an example of a paragraph.
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    HTML Organization
    Spacing
    Spacing organizes your work!
    Spacing makes your files easy to read!
    Spacing makes no functional difference to your web
    browser
    Comments
    Comments are notes in your HTML file
    Comments make no functional difference to your web
    browser
    <!-- begins a comment, and --> ends it
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    Comments Example
    <html>
    <header>
    <title>Transcriptions Studio</title>
    </header>
    <body>
    <h1>This is a big header!</h1>
    <h2>This is a smaller heading</h2>
    <p>This is an example of a paragraph.</p>
    </body>
    </html>
    <!-- This is an example of a comment.-->
    Su mmer Tr a i n i n g Pr o g r a m ( www. we g v e r s i t y. c om/ s t p )
    THANKS

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