Could you please help me out and give me the html code for these directions.

  • Thread starter Thread starter jasonvspinhead
  • Start date Start date
J

jasonvspinhead

Guest
I am stuck. Thank you...? 1. Create a new web page.
2. Title the web page as Lastname Bookmark practice.
3. Create a background
4. Create a heading that is centered, colored and reads My Target Test
5. Put in two breaks
6. Enter the four following categories each on a different line. History, Cubs, Sox, FAQs.
7. Enter nine breaks
8. Enter the word History as a heading, style three, in color, and aligned left
9. Enter nine breaks
10. Enter the word Cubs as a heading, style three, in color, and aligned left
11. Enter nine breaks
12. Enter the word Sox as a heading, style three, in color, and aligned left
13. Enter nine breaks
14. Enter the word FAQs as a heading, style three, in color, and aligned left
15. Enter three breaks
16. Enter the word Top as a heading, style six, in color, and aligned left
17. Before each of the headings with the style three or six, create the target tag
18. Now at the top of the page where you entered the four categories now make those categories hyperlinks to their corresponding heading tag
19. Test your links
 
I'd suggest writing this in a notepad file and then saving the type as ".html" (as in when you go to save, after the name you want it to be called put in .html and it will be a web page, hopefully).

<html><head><title></title></head> That should be at the top, and in between the "<title>" and "</title>" put the title that you want.

Then enter this code.
<body bgcolor="#" text="#" link="#" vlink="#" alink="#">
bgcolor is background color. text is the color of the main text for your document. Link is the color of hyperlinks. vlink is a link that's been visited. alink is for active links, or links that are being clicked at that moment.

Colors need to be in Hex. 000000 is black FFFFFF is white, FF0000 is red, 00FF00 is green 0000FF is blue FFFF00 is yellow, FF00FF is magenta, 00FFFF is cyan. You can get other colors by either paint & calculator or some program like photoshop. Photoshop will give you the hex number for any color. If you just have paint and the calculator program on windows, it's a fairly easy conversion. Take the number (0-255) for the RED in the paint window with the color you want and then go to calculator, enter in the numbers (make sure it's in scientific) and then switch the mode (on the left) from "dec" to "hex" and enter that as the first two digits of your color. Repeat for GREEN and BLUE (in that order). You need the # in the quotes for it to work.

As for background...do you want an image, or a color? color you need to do nothing. But for an image you'll need this code
body {
background-image: "";
background-position: 50% 50%;
background-repeat: no-repeat;
}
with the image source (URL preferably if this is a school project) in the quotes where is says background-image.

Now if you want the majority of the text to be aligned left, center or right put in this code <div align=""> with left right or center in the quotes.

For the headings put in this code <div align="center"><h1><font color="#"></font></h1></div> Again picking your color and putting the heading title between the font color tags ("font color="#">" and </font>)

The tag for breaks is <br> and you can copy and past that for how ever many breaks you want on the same line of code.

I'm not exactly sure what you mean by categories. If you just need the text there just write it in, putting <p> between them.

More breaks. For the style three heading, use basically the same tag from before, but this time instead of <h1> you'll probably want <h3> and the corresponding end tag of </h3> and instead of <div align="center"> use <div align="left"> style six is <h6> with </h6>

Now for the page jumps. Where you had the categories in steps 8, 10, 12, and 14 use these tags <a name=""></a> with the name (i.e. History) in between the two tags and in the quotes (don't use capitalization in the quotes though) so it might look like <div align="center"><h1><font color="#"><a name="history">History</a></font></h1></div> and something like that for the other tags. at the top of the page just put <a name="top"></a> around the heading you made in step 1. Those are your target tags.

For the links to them use this code <a href="#"></a> for each of the categories you made in step six, using the names you put in quotes in the previous tags (i.e. <a href="#history">History</a>)

Remember to save the document as I said earlier if you are using notepad. You can test it by opening an internet browswer going to File>>Open>>and selecting your file.
 
Back
Top