Scribd Logo
Upload

Welcome to Scribd!

  • 41 views

    Computer Communication Development Institute: Rizal ST Sorsogon City

    Uploaded by

    Junnel Fadrilan
    This document provides instructions for an activity on defining HTML text elements and inserting images. The instructions guide the student to: 1) Mark up headings, paragraphs, and emphasized text in an HTML file using appropriate elements like <h1>, <h2>, <p>, and <em>. 2) Insert an image at the top of the page by adding an <img> tag within the main <h1> heading. 3) Add a <br> line break after the image to place the heading text on the next line.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    Computer Communication Development Institute: Rizal ST Sorsogon City

    Uploaded by

    Junnel Fadrilan
    41 views1 page
    This document provides instructions for an activity on defining HTML text elements and inserting images. The instructions guide the student to: 1) Mark up headings, paragraphs, and emphasized text in an HTML file using appropriate elements like <h1>, <h2>, <p>, and <em>. 2) Insert an image at the top of the page by adding an <img> tag within the main <h1> heading. 3) Add a <br> line break after the image to place the heading text on the next line.

    Original Description:

    Activity 2 Internet

    Original Title

    intro to web act 2

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    This document provides instructions for an activity on defining HTML text elements and inserting images. The instructions guide the student to: 1) Mark up headings, paragraphs, and emphasized text in an HTML file using appropriate elements like <h1>, <h2>, <p>, and <em>. 2) Insert an image at the top of the page by adding an <img> tag within the main <h1> heading. 3) Add a <br> line break after the image to place the heading text on the next line.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    41 views1 page

    Computer Communication Development Institute: Rizal ST Sorsogon City

    Uploaded by

    Junnel Fadrilan
    This document provides instructions for an activity on defining HTML text elements and inserting images. The instructions guide the student to: 1) Mark up headings, paragraphs, and emphasized text in an HTML file using appropriate elements like <h1>, <h2>, <p>, and <em>. 2) Insert an image at the top of the page by adding an <img> tag within the main <h1> heading. 3) Add a <br> line break after the image to place the heading text on the next line.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 1

    Computer Communication Development Institute

    Rizal St Sorsogon City


    Subject
    Activity 1
    Instructor

    :
    :
    :

    Intro to Internet and Web Design


    Defining the text Element and Inserting image
    Sir Junnel Fadrilan

    1. Open the document index.html in your text editor, if it isnt open already.
    2. The first line of text, Black Goose Bistro, is the main heading for the page,
    so well mark it up as a Heading Level 1 (h1) element. Put the opening tag,
    <h1>, at the beginning of the line and the closing tag, </h1>, after it, like
    this:
    <h1>Black Goose Bistro</h1>
    3. Our page also has three subheads. Mark them up as Heading Level 2 (h2)
    elements in a similar manner. Ill do the first one here; you do the same for
    Catering and Location and Hours.
    <h2>The Restaurant</h2>
    4. Each h2 element is followed by a brief paragraph of text, so lets mark those
    up as paragraph (p) elements in a similar manner. Heres the first one; you
    do the rest.
    <p>The Black Goose Bistro offers casual lunch and dinner fare in a hip
    atmosphere. The menu changes regularly to highlight the freshest
    ingredients.
    </p>
    5. Finally, in the Catering section, I want to emphasize that visitors should just
    leave the cooking to us. To make text emphasized, mark it up in an emphasis
    element (em) element, as shown here.
    <p>You have fun... <em>we'll handle the cooking </em>. Black
    Goose Catering can handle events from snacks for bridge club to
    elegant corporate fundraisers.</p>
    6. Now that weve marked up the document, lets save it as we did before, and
    open (or refresh) the page in the browser. Write down your observation.
    7. The first thing youll need to do is get a copy of the image file on your hard
    drive so you can see it in place when you open the file locally. The image file
    is provided in the materials for this chapter is provided by your instructor.
    Name the file blackgoose.png. Be sure to save it in the bistro folder with
    index.html.
    8. Once you have the image, insert it at the beginning of the first-level heading
    by typing in the img element and its attributes as shown here: <h1><img
    src="blackgoose.png"
    alt="Black Goose logo">Black Goose Bistro</h1>
    9. Id like the image to appear above the title, so lets add a line break (br) after
    the img element to start the headline text on a new line. <h1><img
    src="blackgoose.png" alt="Black Goose logo"><br>Black Goose Bistro</h1>
    10.Now save index.html and open or refresh it in the browser window.

    You might also like