Monday, November 6, 2017

Link Scavenger Hunt

Start a new html site and try this link exercise, changing the URL [Uniform Resource Locator AKA web address AKA http: www...] or what's between the A HREF=" _____" /A tags and "click here"

Note: You will have to change/retype the quotes in notepad

<HTML>

<HEAD>
<TITLE> donna's web sites </TITLE>
</HEAD>
<BODY>
<H1>My Web Sites</H1>
<HR>
<P>Here are some of my chosen web sites- <em>check them out:</em> </P>

<OL>
<LI><A HREF=”http://www.the1staddress.com”>click here</a> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
<LI><a href=”http://www.the1staddress.com”>click here</A> </LI>
</OL>
<A HREF="mailto:donna.usher@shaw.ca">click here to contact me</A>

</BODY>
</HTML>

List of suggested sites:
  1. browser
  2. map site/travel site
  3. music site
  4. video site
  5. weather
  6. news source
  7. an amazing site
  8. a terrible site
  9. html tutorial
  10. choice

Html Vocab- Links, Email, Lists

Link Tag.
<A HREF=”http://www.theaddress.com”>  something to on click here <A >


(substitute your own info where you see bold text):


E-mail Link.
This is called a "mailto" and this is how you do it

(substitute your own info where you see bold text):

<A HREF=”mailto:donna.usher@shaw.ca”>  contact <A >


Buttons.
To add a button image to a mailto link (you could add this to any link) this is what you do:
<A HREF=”mailto:donna.usher@shaw.ca”> < IMG SRC="myphoto.jpg"  > <A >


List Tags. [surprisingly lots to learn about lists]

How do I make numbered (ordered -OL) lists?   Making a numbered list is really easy, and it's a great tool for organizing information on your Web site:

<OL>
<LI > Ballet  </LI>
<LI > Tap </LI>
<LI > Jazz </LI>
<LI > Modern </LI>


It will look like this:
  1. Ballet
  2. Tap
  3. Jazz
  4. Modern

How do I make bulleted (unordered or UL) lists?   A different type of list:

 <UL>
<LI > Modern </LI>
<LI > Jazz </LI>
<LI > Tap </LI>
<LI > Ballet  </LI>
<OL>


It will look like this:
  • Ballet
  • Jazz
  • Tap
  • Modern 

 There are different kinds of lists. Sorry, my code explanations got all fuddled. If you are interested, you can find all the code here: https://www.w3schools.com/html/html_lists.asp
  • Ballet
  • Jazz
  • Tap
  • Modern
You can make the circles in the above list squares instead by adding type="square" into the code        
  • Ballet
  • Jazz
  • Tap
  • Modern
You can combine ordered and unordered lists to make outlines. The following code is just an example of what you can do, you can experiment with this to make your own:

  1. Dance Types

    • Ballet
    • Jazz
    • Modern
    • Tap

    2.
  2. Dance Movies

    • Turning Pointe
    • Chorus Line
    • Tap
      •
    • Center Stage

Sometimes your lists will be split up on your page between headers, and you may need to start a list from a different number. 
    1. Ballet
    2. Tap
    3. Jazz
    4. Modern
    To substitute Roman numerals replace the 
    1. Ballet
    2. Tap
    3. Jazz
    4. Modern
    Need alphabetical order instead? 
    1. Ballet
    2. Tap
    3. Jazz
    4. Modern
    Posted by at

    No comments:

    Post a Comment

    Subscribe to: Post Comments (Atom)