Scribd Logo
Importer

Bienvenue sur Scribd !

  • LAB HTML Chapter Intro Exercises

    Transféré par

    lehaphuong03
    121 vues5 pages
    The document provides examples of HTML code for creating basic web pages with headings, paragraphs, lists, and other formatting elements. It includes 7 exercises that demonstrate how to: 1. Add headings, paragraphs and other text elements to basic page structure 2. Format text using styles like italics, font, color and alignment 3. Add lines, lists and definition lists to organize and present information on a page The exercises present the HTML code solutions for creating pages with varying text styles, layouts and elements to demonstrate fundamentals of webpage structure and formatting.

    Description originale:

    Offset

    Titre original

    Lab HTML Intro

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOC, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    The document provides examples of HTML code for creating basic web pages with headings, paragraphs, lists, and other formatting elements. It includes 7 exercises that demonstrate how to: 1. Add headings, paragraphs and other text elements to basic page structure 2. Format text using styles like italics, font, color and alignment 3. Add lines, lists and definition lists to organize and present information on a page The exercises present the HTML code solutions for creating pages with varying text styles, layouts and elements to demonstrate fundamentals of webpage structure and formatting.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    121 vues5 pages

    LAB HTML Chapter Intro Exercises

    Transféré par

    lehaphuong03
    The document provides examples of HTML code for creating basic web pages with headings, paragraphs, lists, and other formatting elements. It includes 7 exercises that demonstrate how to: 1. Add headings, paragraphs and other text elements to basic page structure 2. Format text using styles like italics, font, color and alignment 3. Add lines, lists and definition lists to organize and present information on a page The exercises present the HTML code solutions for creating pages with varying text styles, layouts and elements to demonstrate fundamentals of webpage structure and formatting.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOC, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 5

    LAB Intro

    Chapter Intro Gii thiu HTML


    S dng Notepad thc hin bi thc hnh ny

    Exercise 1

    1.Write the HTML code for a Web page with a title of Using Headings. Add a third level
    heading with the text My First HTML document.

    <HTML>
    <HEAD>
    <TITLE> Using Headings</TITLE>
    </HEAD>
    <BODY>
    <H3>My First HTML document</H2>
    </BODY>
    </HTML>

    2.Create a Web page with the title Using Paragraphs. Create two paragraphs. Display a fifth
    level heading between the two paragraphs.

    <HTML>
    <HEAD>
    <TITLE> Using Paragraphs</TITLE>
    </HEAD>
    <BODY>
    <P>
    aaaaaaaaa
    <H5>In between</H5>
    <P>
    bbbbbb
    </BODY></HTML>

    Exercise 2

    1. Create a Web page that has a title My first page. Create a second level heading
    Introduction to HTML. Add three paragraphs to the page. Each paragraph should have a
    minimum of 5 lines. The paragraphs must be separated by two lines.

    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY>
    <H2>Introduction to HTML</H2>
    <P>
    aa<BR>aa<BR>aa<BR>aa<BR>aa
    <BR><BR>
    <P>
    bb<BR>bb<BR>bb<BR>bb<BR>bb
    <BR><BR>
    <P>
    cc<BR>cc<BR>cc<BR>cc<BR>cc

    </BODY>
    </HTML>

    2. Format the paragraphs so that the text is in italics and blue in color.

    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY>
    <H2>Introduction to HTML</H2>
    <P><FONT color = blue><I>
    aa<BR>aa<BR>aa<BR>aa<BR>aa</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    bb<BR>bb<BR>bb<BR>bb<BR>bb</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    cc<BR>cc<BR>cc<BR>cc<BR>cc</FONT></I>
    </BODY>
    </HTML>

    3.Add a third level heading after the second paragraph. Center the heading and change the font to
    Arial.

    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY>
    <H2>Introduction to HTML</H2>
    <P><FONT color = blue><I>
    aa<BR>aa<BR>aa<BR>aa<BR>aa</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    bb<BR>bb<BR>bb<BR>bb<BR>bb</FONT></I>
    <BR><BR>
    <H3><Center><Font face = arial>Heading after para 2</FONT></CENTER></H3>
    <P><FONT color = blue><I>
    cc<BR>cc<BR>cc<BR>cc<BR>cc</FONT></I>
    </BODY>
    </HTML>

    4. Right-align the text of the third paragraph.


    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY>
    <H2>Introduction to HTML</H2>
    <P><FONT color = blue><I>
    aa<BR>aa<BR>aa<BR>aa<BR>aa</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    bb<BR>bb<BR>bb<BR>bb<BR>bb</FONT></I>
    <BR><BR>
    <H3><Center><Font face = arial>Heading after para 2</FONT></CENTER></H3>
    <P align = right><FONT color = blue><I>
    cc<BR>cc<BR>cc<BR>cc<BR>cc</FONT></I>
    </BODY>
    </HTML>

    5. Draw a line after the main heading. Center the line. The line should span half the page.

    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY>
    <H2>Introduction to HTML</H2>
    <HR align = center width = 50%>
    <P><FONT color = blue><I>
    aa<BR>aa<BR>aa<BR>aa<BR>aa</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    bb<BR>bb<BR>bb<BR>bb<BR>bb</FONT></I>
    <BR><BR>
    <H3><Center><Font face = arial>Heading after para 2</FONT></CENTER></H3>
    <P align = right><FONT color = blue><I>
    cc<BR>cc<BR>cc<BR>cc<BR>cc</FONT></I>
    </BODY>
    </HTML>

    6. Change the color of the main heading to limegreen. HTML should be displayed in red.
    Center the heading.

    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY>
    <H2><CENTER><FONT color = limegreen>Introduction to </FONT><FONT color =
    red>HTML</FONT></CENTER></H2>
    <HR align = center width = 50%>
    <P><FONT color = blue><I>
    aa<BR>aa<BR>aa<BR>aa<BR>aa</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    bb<BR>bb<BR>bb<BR>bb<BR>bb</FONT></I>
    <BR><BR>
    <H3><Center><Font face = arial>Heading after para 2</FONT></CENTER></H3>
    <P align = right><FONT color = blue><I>
    cc<BR>cc<BR>cc<BR>cc<BR>cc</FONT></I>
    </BODY>
    </HTML>

    7. Change the color of the page to lavender.

    <HTML>
    <HEAD>
    <TITLE> My first page</TITLE>
    </HEAD>
    <BODY BGCOLOR = lavender>
    <H2><CENTER><FONT color = limegreen>Introduction to </FONT><FONT color =
    red>HTML</FONT></CENTER></H2>
    <HR align = center width = 50%>
    <P><FONT color = blue><I>
    aa<BR>aa<BR>aa<BR>aa<BR>aa</FONT></I>
    <BR><BR>
    <P><FONT color = blue><I>
    bb<BR>bb<BR>bb<BR>bb<BR>bb</FONT></I>
    <BR><BR>
    <H3><Center><Font face = arial>Heading after para 2</FONT></CENTER></H3>
    <P align = right><FONT color = blue><I>
    cc<BR>cc<BR>cc<BR>cc<BR>cc</FONT></I>
    </BODY>
    </HTML>

    Exercise 3

    1.Create a list on a Web page to display the following information:


    Monday
    9 am - 11 am Workshop
    Tuesday
    10 am - 11 am Training programme
    Wednesday
    Thursday
    Holiday
    Friday

    <HTML>
    <UL>
    <LI>Monday
    <UL>
    <LI>9 am - 11 am Workshop
    </UL>
    <LI>Tuesday
    <UL>
    <LI>10 am - 11 am Training programme
    </UL>

    <LI>Wednesday
    <LI>Thursday
    <UL>
    <LI>Holiday
    </UL>
    <LI>Friday
    </UL>
    </HTML>

    2. Create the following definition list

    Peacock
    National bird of India

    Internet
    A network of networks

    HTML
    HyperText Markup Language

    <HTML>
    <HEAD>
    <TITLE>Learning HTML</TITLE>
    <BODY>
    <DL>
    <DT>Peacock
    <DD>National bird of India
    <DT>Internet
    <DD>A network of networks
    <DT>HTML
    <DD>HyperText Markup Language
    </DL>
    </BODY>
    </HTML>

    Vous aimerez peut-être aussi