Scribd Logo
Importer

Bienvenue sur Scribd !

  • Our Last Day With HTML

    Transféré par

    Rodolfo Guacena
    39 vues15 pages
    This the summary of html lessons given to the staff of the Philippine Mission in Geneva.

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    This the summary of html lessons given to the staff of the Philippine Mission in Geneva.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    39 vues15 pages

    Our Last Day With HTML

    Transféré par

    Rodolfo Guacena
    This the summary of html lessons given to the staff of the Philippine Mission in Geneva.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 15

    • Html, graduation day!

    Our Last Day With


    HTML

    For the last 5 lessons, we


    have learned many things
    with the subject:

    html You deserve it.


    Today, we will review what
    we have learned :

    To summarize
    Let us celebrate!
    To use what we have
    learned
    To make a website
    To see beyond HTML.
    Html
    basic structure
    • <html>
    • <head>
    • <title>Title of page</title>
    • </head>
    • <body>
    • This is my first homepage. <b>This text
    is bold</b>
    • </body>
    • </html>
    Html

    Then we went more---


    <b>This text is bold</b> the bold tag
    <h1>This is a heading</h1> <h2>This is a heading</h2>………
    sizes of heading tags
    <p>This is a paragraph</p> <p>This is another paragraph</p>
    the paragraph
    <br> break tag

    Tag Description <b> Defines bold text <big> Defines big text <em>
    Defines emphasized text  <i> Defines italic text <small> Defines
    small text <strong> Defines strong text <sub> Defines
    subscripted text <sup> Defines superscripted text <ins> Defines
    inserted text <del> Defines deleted text <s> Deprecated. Use
    <del> instead <strike> Deprecated. Use <del> instead <u>
    Deprecated. Use styles instead text tags
    html
    • The Anchor Tag and the Href
    Attribute
    • HTML uses the <a> (anchor) tag
    to create a link to another
    document.
    • An anchor can point to any resource
    on the Web: an HTML page, an
    image, a sound file, a movie, etc.
    • The syntax of creating an anchor: 
    html
    E-mail tag How it will show-
    <html> This is a mail link
    <body>
    <p>
    : Send Mail
    This is a mail link: Note: This way, we will
    <a
    href="mailto:mission.philippines@ communicate directly
    ties.itu.int"> with the Philippine
    Send Mail</a>
    </p>
    Mission in Geneva.
    <p>
    <b>Note:</b> This way, we will
    communicate directly with the
    Philippine Mission in Geneva.
    </p>
    </body>
    </html>
    html
    Image editor Creating pdf files
    This software is free! This too is free!

    We have downloaded and You have seen how


    used the cute pdf
    Software Irfan View works
    html
    We can add pics and
    more:

    And link to another


    webpage or to
    have some media
    to the site we are
    making and other
    links like these.
    html
    We also had the body tags:
    <HTML> <HEAD> <TITLE>MY PHILIPPINES</TITLE>
    </HEAD> <BODY bgcolor="pink"> <STRONG>I would like
    to make a short story about my country the Philippines. The
    population is 86 million, the capital is Quezon City and it is
    a very Christian country.</STRONG> Around 85% of the
    population are Christians.<p><center>There are only two
    seasons, the dry and the wet.</center><p>There are three
    regions, namely Luzon, Visayas, and Mindanao.<br>The
    Country was previously a Spanish colony for almost 400
    years.<br>The Americans colonized us but they gave us
    our independence in 1946.<p>We are a democratic
    country with the Judiciary, Legislative, and Executive
    branches of the government on equal footing.<br><b>Our
    President is Gloria Macapagal Arroyo.</b><br><i>Our Vice
    President is Noli de Castro.</i><br><tt>Mr. Nograles is the
    one who is the head of Congress while Mr. Villar is the head
    of the Senate.</tt><p>This just a short portion of my
    report. </BODY> </HTML>
    Html
    lists
    numbered unnumbered
    <ol> <ul>
    <li>Item 1</li> <li>I am item one</li>
    <li>Item 2</li> <li>I am item two</li>
    <li>Item 3</li> </ul>
    </ol> This will give us the bulleted list
    below:
    ----------------------------------------------
    --------- ----------------------------------------------
    ---------
    5. Item 1
    6. Item 2 • I am item one
    3. Item 3 • I am item two
    Html
    tables

    Creating tables like the one you see, top right.

    • Tables Tutorial
    • Let's begin with a simple and common use for tables: an office phone list. Suppose we have four
    people whose names we want on the list. The data could be arranged in a table like this:
    • <TABLE> <TR> <TD>Raha Mutisya</TD> <TD>1493</TD> </TR> <TR> <TD>Shalom
    Buraka</TD> <TD>3829</TD> </TR> <TR> <TD>Hallie Curry</TD> <TD>8372</TD> </TR>
    <TR> <TD>Shari Silberglitt</TD> <TD>4827</TD> </TR> </TABLE>
    • Which gives us this table:
    • Raha Mutisya 1493
    • Shalom Buraka 3829
    • HallieCurry 8372
    • Shari Silberglitt 4827
    • This table uses the basic three tags all tables must have:
    • <TABLE ...> <TABLE ...> creates the table. Most of the overall properties of the table are defined
    here, such as if it has borders and what is the table's background color.
    • <TR ...> <TR ...> (Table Row) defines each row of the table.
    • <TD ...> <TD ...> (Table Data) defines each cell of the table.
    Html
    frames
    We talked about frames, we can find a lot here
    .
    • A basic sequence of code is shown here.

    • <frameset cols="20%,80%">
    <frame src="col1.html">
    <frame src="col2.html">
    </frameset>
    <noframes>
    <body bgcolor="#ffffcc">
    </body>
    </noframes>
    Viewed with a "frames-capable" browser col 1, 20% col 2
    80% Viewed with a "noframes" browser normal window
    Html
    css
    • We briefly touched css ….. What is CSS?
    • CSS stands for Cascading Style Sheets
    • Styles define how to display HTML elements
    • Styles are normally stored in Style Sheets
    • Styles were added to HTML 4.0 to solve a
    problem
    • External Style Sheets can save you a lot of
    work
    • External Style Sheets are stored in CSS files
    • Multiple style definitions will cascade into one
    Makes
    Html
    editing css ..continued
    of html
    easier
    Html
    ftp
    • What is FTP
    • File Transfer Protocol, better known as FTP, is a procedure used to upload and
    download files to and from your web server. FTP is a special way to login to another
    Internet site for the purposes of retrieving and/or sending files.

    We have shown on our last meeting how to use the software using the ftp of FrontPage.
    We can also see samples of file transfer here. The picture shows the transfer of files
    from the client (left) to the server (right).

    For more tutorials you can click this site.

    Your pc---------------------------------- >>>>>>


    Server
    And vice versa
    Merci beaucoup.
    Rudy Guacena
    29 April 2008

    Vous aimerez peut-être aussi