Scribd Logo
Upload

Welcome to Scribd!

  • Basic HTML

    Uploaded by

    Aircc Airccse
    17 views21 pages
    HTML stands for Hyper Text Markup Language Computer language used to create web pages HTML file = text file containing markup tags such tags tell web browser how to display a page HTML Elements Tags are the elements that create the components of a page tags surrounded by angle brackets Usually come in pairs Example: start tag and end tag Stuff between is called "element content"

    Original Description:

    Original Title

    basicHTML.ppt

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML stands for Hyper Text Markup Language Computer language used to create web pages HTML file = text file containing markup tags such tags tell web browser how to display a page HTML Elements Tags are the elements that create the components of a page tags surrounded by angle brackets Usually come in pairs Example: start tag and end tag Stuff between is called "element content"

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    17 views21 pages

    Basic HTML

    Uploaded by

    Aircc Airccse
    HTML stands for Hyper Text Markup Language Computer language used to create web pages HTML file = text file containing markup tags such tags tell web browser how to display a page HTML Elements Tags are the elements that create the components of a page tags surrounded by angle brackets Usually come in pairs Example: start tag and end tag Stuff between is called "element content"

    Copyright:

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

    Basic HTML Workshop

    LIS Web Team


    Spring 2007

    What is HTML?
    Stands for Hyper Text Markup Language
    Computer language used to create web

    pages
    HTML file = text file containing markup tags
    such <p>
    Tags tell Web browser how to display a page
    Can have either *.htm or *.html file extension

    HTML Elements
    Tags are the elements that create the

    components of a page
    Tags surrounded by angle brackets < >
    Usually come in pairs
    Example:

    </p>

    Start tag <p> and end tag

    Stuff between is called element content


    Tags are not case sensitive
    New standard is to use lower case
    3

    XHTML
    Lower case for tags = new standard
    Preparing for next generation of HTML called

    XHTML

    Your created HTML document


    <html>
    <head>
    <title> document title </title>
    </head>
    <body>
    your page content
    </body>
    </html>
    5

    Page Components
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

    Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">

    First line of code


    Declaration of version of HTML

    <html></html>

    Container for the document

    <head></head>

    <title> Title of page </title>

    <body></body>

    Content of page

    <html>
    <head>
    <title> document
    title </title>
    </head>
    <body>
    your page
    content
    </body>
    </html>

    Basic Tags
    Headings

    <h1></h1>
    Like in Word
    See example

    to

    <h6></h6>

    Paragraph

    <p> </p>
    Inserts a line space before and after a paragraph
    See example

    http://library.manoa.hawaii.edu/about/exhibits/index.html
    8

    Example of use of Heading

    Paragraph example

    10

    Link Tag
    Link
    Anchor
    3

    tag <a></a>

    kinds

    Link to page in same folder


    Link to page in different folder
    Link to outside webpage on the Internet.

    11

    Example of Anchor Tag


    <a href="http://www.hawaii.edu/slis">Go to the LIS home page</a>
    address

    text in page

    components

    Address
    Text or description this is what you see
    on the page

    12

    Image Source Tag


    Empty tag no closing tag
    Components of Img tag

    <img src="url alt = description of image />


    url = points to location of the image file
    alt = describes image for screen readers

    13

    Specify file location


    Same folder: pic.gif

    Document-relative link
    Look for image in same folder

    Different folder named images:

    /images/pic.gif

    14

    Division Tag
    <div></div>

    Division or section of document


    Use to group elements to apply formatting or
    style
    Example: all text within div tag will be fuschia

    <div style="color: #FF00FF">


    <h1> Title of section</h1>
    <p> bla bla bla bla </p>
    </div>
    15

    16

    Examples of use of Links

    17

    Exercise
    Add a paragraph
    Add some links
    Add an image
    Create 3 divisions

    18

    Your session1 HTML document


    <html>
    <head>
    <title> document title </title>
    </head>
    <body>
    your page content
    </body>
    </html>
    19

    End Product

    <html>
    <head>
    <title>Caitlins Page</title>
    </head>
    <body>
    <div>
    <a href="index.html>Home</a><br />
    <a href="courses.html">Courses</a><br />
    <a href="personal.html">Personal</a><br />
    </div>
    <p>Hello my name is Caitlin Nelson and I am writing about myself. Contact info:
    <a href="http://www.hawaii.edu/slis/webteam">Web Team</a>
    <div>
    <img src="palmtree.jpg"alt=a picture of a palm tree/>
    </div>
    </div>
    </body>
    </html>

    20

    Next Mission
    Choose colors for your page

    Text color
    Link color
    Background color

    Choose font size

    Type of font
    Font size

    21

    You might also like