Scribd Logo
Upload

Welcome to Scribd!

  • Comp 19 Mainc

    Uploaded by

    api-307488153
    9 views71 pages

    Original Title

    comp19mainc

    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

    Copyright:

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

    Comp 19 Mainc

    Uploaded by

    api-307488153

    Copyright:

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

    19.

    URL

    19.1

    (HTML)

    1991 TimBerners-Lee

    HTML

    19.1

    (HTML)

    19.1

    (HTML)

    HTML

    XML

    XHTML

    MathML

    DHTML

    19.1

    (HTML)

    19.1

    (HTML)

    HTML

    .htm .html

    Windows

    HTML

    Adobe Dreamweaver

    Microsoft Expression Web

    19.1

    HTML

    HTML

    <>

    19.1

    HTML

    HTML

    <B></B>

    <I></I>

    19.1

    HTML

    HTML

    <b> <B>

    19.1

    HTML

    HTML

    19.1

    HTML

    <HTML></HTML>

    HTML <HTML> </HTML>

    19.1

    HTML

    <HEAD></HEAD>

    <HEAD> </HEAD>

    <TITLE> </TITLE>

    19.1

    HTML

    <BODY></BODY>

    <BODY> </BODY>

    HTML

    19.1

    HTML

    <HEAD><TITLE></TITLE></HEAD>

    <HEAD><TITLE></HEAD></TITLE>

    19.1

    HTML

    <HEAD><TITLE></TITLE></HEAD>

    <HEAD><TITLE></HEAD></TITLE>

    19.2 HTML

    19.2 HTML

    <H1></H1>

    <H6></H6>

    19.2 HTML

    HTML
    <HTML>
    <BODY>
    <H1>This
    <H2>This
    <H3>This
    <H4>This
    <H5>This
    <H6>This
    </BODY>
    </HTML>

    is
    is
    is
    is
    is
    is

    Heading
    Heading
    Heading
    Heading
    Heading
    Heading

    1.</H1>
    2.</H2>
    3.</H3>
    4.</H4>
    5.</H5>
    6.</H6>

    19.2 HTML

    <P></P>

    <BR>

    <PRE></PRE>

    19.2 HTML

    </P>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <P>The first paragraph.
    Still the first paragraph.</P>
    <P>The second paragraph.</P>
    </BODY>
    </HTML>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    The first line.<BR>
    The second line.<BR>
    The third line.
    </BODY>
    </HTML>

    19.2 HTML

    Enter

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <PRE>
    I love

    This
    </PRE>
    </BODY>
    </HTML>

    Hong Kong!

    is my

    home!

    19.2 HTML

    <CENTER>...</CENTER>

    HTML

    <HTML>
    <BODY>
    <CENTER>
    This is the centre of
    this line.
    </CENTER>
    </BODY>
    </HTML>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <HR>
    In between two
    horizontal rules
    <HR>
    </BODY>
    </HTML>

    19.2 HTML

    HTML <!- -->

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <!--This line of comment
    is not displayed.-->
    The above line is not
    displayed.
    </BODY>
    </HTML>

    19.2 HTML

    HTML

    HTML

    <B></B>

    <I></I>

    <U></U>

    <SUP></SUP>

    <SUB></SUB>

    HTML

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <P>This is <B>bold</B>.
    <P>This is <I>italic</I>.
    <P>This is <U>underline</U>.
    <P>This is
    <SUP>superscript</SUP>.
    <P>This is
    <SUB>subscript</SUB>.
    </BODY>
    </HTML>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <P>This is <B><I>bold and
    italic</I></B>.
    <P>This is <I><U>italic and
    underline</U></I>.
    </BODY>
    </HTML>

    19.2 HTML

    <FONT></FONT>

    19.2 HTML

    19.2 HTML

    <FONT>

    size

    face

    color

    19.2 HTML

    <FONT> size

    1 7

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <P>Font size: default
    <P><FONT size="1">Font
    <P><FONT size="2">Font
    <P><FONT size="3">Font
    <P><FONT size="4">Font
    <P><FONT size="5">Font
    <P><FONT size="6">Font
    <P><FONT size="7">Font
    </BODY>
    </HTML>
    <FONT size>

    size:
    size:
    size:
    size:
    size:
    size:
    size:

    1</FONT>
    2</FONT>
    3</FONT>
    4</FONT>
    5</FONT>
    6</FONT>
    7</FONT>

    19.2 HTML

    <FONT> face

    HTML

    <HTML>
    <BODY>
    <P><FONT face="Times">
    This is in Times.</FONT>
    <P><FONT face="Arial">
    This is in Arial.</FONT>
    <P><FONT face="Courier">
    This is in Courier.</FONT>
    </BODY>
    </HTML>
    <FONT face>

    19.2 HTML

    <FONT> color

    "red" "orange" "yellow" "green"


    "blue" "purple" "black" "white"
    #
    "#008000"

    <FONT color> <BODY text>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <P><FONT color="green">
    This is green in
    colour.</FONT>
    <P><FONT color="#008000">
    This is also green in
    colour.</FONT>
    </BODY>
    </HTML>
    <FONT color>

    19.2 HTML

    <FONT size="6" face="Times" color="orange">


    This is okay!</FONT>

    19.2 HTML

    "left"

    "right"

    "center"

    align
    <P>...</P>
    <HR>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <P align="left">
    This line of text is left-aligned.
    <P align="center">
    This line of text is centre-aligned.
    <P align="right">
    This line of text is right-aligned.
    </BODY>
    </HTML>

    19.2 HTML

    HTML

    19.2 HTML

    <OL>...</OL>
    <LI>...</LI>
    HTML

    <HTML>
    <BODY>
    <OL>
    <LI>Heading Tags</LI>
    <LI>Paragraphing Tags</LI>
    <LI>Centre Tags</LI>
    <LI>Horizontal Rule Tag</LI>
    <LI>Comment Tags</LI>
    </OL>
    </BODY>
    </HTML>

    19.2 HTML

    <UL>...</UL>
    <LI>...</LI>
    HTML

    <HTML>
    <BODY>
    <UL>
    <LI>Heading Tags</LI>
    <LI>Paragraphing Tags</LI>
    <LI>Centre Tags</LI>
    <LI>Horizontal Rule Tag</LI>
    <LI>Comment Tags</LI>
    </UL>
    </BODY>
    </HTML>

    19.2 HTML

    19.2 HTML

    <TABLE></TABLE>

    <TR></TR>

    <TH></TH>

    <TD></TD>

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <TABLE border=1>
    <TR><TH>Class</TH><TH>Location</TH></TR>
    <TR><TD>5A</TD><TD>Room 501</TD></TR>
    <TR><TD>5B</TD><TD>MMLC</TD></TR>
    <TR><TD>5C</TD><TD>Computer Room</TD></TR>
    </TABLE>
    </BODY>
    </HTML>

    19.2 HTML

    HTML
    border

    19.2 HTML

    <BODY> background
    <BODY background>

    <BODY background="cirlce.jpg">

    circle.jpg

    19.2 HTML

    19.2 HTML

    <IMG>
    src
    HTML

    <HTML>
    <BODY>
    <IMG src ="beach.jpg">
    </BODY>
    </HTML>

    19.2 HTML

    19.2 HTML

    <A>...</A>

    href

    19.2 HTML

    href

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <A href="http://www.ilongman.com">
    Longman Web Site</A><BR>
    <A href="tabletags.html">
    19.2.10 Table Tags</A><BR>
    <A href="logo.jpg">Logo</A><BR>
    <A href="school report.doc">
    School Report</A><BR>
    </BODY>
    </HTML>

    19.2 HTML

    name

    <A name="example2">

    href

    <A href="#example2">

    19.2 HTML

    HTML

    <HTML>
    <BODY>
    <A href="#example1">Example 1</A>
    <BR>
    <A href="#example2">Example 2</A>
    <BR><BR><BR>
    <A name="example1"></A>
    <B><U>EXAMPLE 1</U></B><BR>
    This is example 1.<BR><BR><BR>
    <A name="example2"></A>
    <B><U>EXAMPLE 2</U></B><BR>
    This is example 2.<BR><BR><BR>
    </BODY>
    </HTML>

    19.2 HTML

    <A> </A>

    <IMG src>
    <A> </A>

    19.2 HTML

    HTML

    <A href="Example7.doc">Example 7</A>

    <A href="Example7.doc">
    <IMG src="ex7.jpg"></A>

    19.2 HTML

    19.2 HTML

    <FRAMESET>...</FRAMESET>

    cols rows

    cols rows
    <FRAME>

    src

    19.2 HTML

    HTML

    <HTML>
    <FRAMESET cols="300, 500">
    <FRAME src="frame1.html">
    <FRAME src="frame2.html">
    </FRAMESET>
    </HTML>
    <HTML>
    <FRAMESET rows="300, 500">
    <FRAME src="frame1.html">
    <FRAME src="frame2.html">
    </FRAMESET>
    </HTML>

    19.2 HTML

    HTML

    <HTML>
    <FRAMESET cols="350, 25%, 350">
    <FRAME src="frame1.html">
    <FRAME src="frame2.html">
    <FRAME src="frame3.html">
    </FRAMESET>
    </HTML>

    19.2 HTML

    HTML

    <HTML>
    <FRAMESET cols="30%, 70%">
    <FRAMESET rows="350, *">
    <FRAME src="frame1.html">
    <FRAME src="frame2.html">
    </FRAMESET>
    <FRAME src="frame3.html">
    </FRAMESET>
    </HTML>

    19.2 HTML

    19.2 HTML

    19.3

    RGB

    RGB

    19.3

    00 FF
    0 255

    19.3

    RGB

    #FF0000

    #FFFF00

    #00FF00

    #0000FF

    #000000

    #FFFFFF

    RGB

    19.3

    RGB

    #FF0000

    #FFFF00

    #00FF00

    #0000FF

    #000000

    #FFFFFF

    RGB

    You might also like