HTML Frames

Answer the questions on your Blog.

HTML Frames

    1. What is the purpose of using frames in HTML?

Vertical frameset

    1. What does this example demonstrate?
    2. Change the numbers and words inside the quotation marks. Describe what happens.

Horizontal frameset

    • What does this example demonstrate?
    • What is the difference between these two examples?
    • What makes them different?
    • What are 2 advantages of frames?
    • What are 2 disadvantages of frames?
    • What does the frameset tag do in HTML?
    • What does the frame tag do in HTML?

    1. How can you prevent the user from changing frame sizes?
    2. What do you do for browsers that do not support frames?

How to use the <noframes> tag

    1. What does this example demonstrate?
    2. Why would you use this example?

Mixed frameset

    1. What does this example demonstrate?
    2. What does this example look like?

Frameset with noresize="noresize"

    1. What does this example demonstrate?
    2. Why would you include this tag?

Navigation frame

    1. What are 2 advantages of frames?
    2. Where are the frames in this example located?
    3. How do you get to these frames?

Inline frame

    1. What does this example demonstrate?
    2. What happens if a browser does not support inline frames?

Jump to a specified section within a frame

    1. What does this example demonstrate?
    2. What happens when you do not include this in your frame?
  • Continue to make a list of HTML Links tags and attributes.

Create a new page in TextEdit save it as page3.html. Add the links from page 1&2. Create a link to page3 on page 1&2.

Work in the tryit editor. Using the examples above change the frames to be equal. Add a link to your blog in one frame, a link to my homepage, and a link to an image in the other frame.

Make a page with 4 frames (2 rows and 2 columns).

  • Project : Make a page with 4 frames (2 rows and 2 columns).

Type the code below into Text Edit (Notepad on Windows).

Add the links in the proper place.

Save the project as a page3.html in your folder.

<html>

<frameset rows="50%,50%">

<frameset cols="50%,50%">

<frame src="Add link to your blog">

<frame src="Add link to Question of the day">

</frameset>

<frameset cols="50%,50%">

<frame src="Add link to your page1">

<frame src="Add link to your page2">

</frameset>

</frameset>

</html>

Save the project as a page3.html in your folder.

Turn it in on Engrade.

READ: HTML FRAMES

TAKE THE QUIZ!

until you score 100%.

Then copy and paste the results on your page.