Single property website course become an HTML Expert Day 1

Single property website course become an HTML Expert Day 2

Single property website course become an HTML Expert Day 3

Single property website course become an HTML Expert Day 4

Single property website course become an HTML Expert Day 5

 

By Bruno Roldan

 

In todays HTML Crash Course we are going to view:

 

Marker – Hyper link between pages – – Linking Pictures

 

Marker-

 

Markers link different parts of the same page.

 

First the destination of the page is set then text which will take you to this destination is set.

 

• To create one follow these steps:

1. Type <a href= “link”> text that the link receives</a>

 

• To create the hyperlink to that point:

 

1. Type <a href= “#link”>text to activate link</a>

 

# indicates the system to look for the word that follows in this case its link. Link or whatever you decide to call your marker makes reference to where the link should go once clicked  on.

 

Have you ever been to a page where you click on an item and it takes you to another part of that same page? That is exactly what the marker does.

 

 

Hyper link between pages

 

To create hyper links between your pages follow these steps:

 

1. Type <name= “link”> text that receives the link</a>

2. Type <a href= “nameofpage.html#link”> text to activate link </a>

 

Where # indicates the system to look for the word that follows in this case its link. Link or whatever you decide to call it makes reference to where the link should go once clicked on.

 

Miniature images; how to make the image appear larger in another window

 

You can link a small image to a larger image.

 

Follow these steps:

 

1. Where you would like the miniature graphic to appear type: <a href= “images/archive.jpg”>

<img src= “images/file.jpg” width= “60” height= “90”> </a>

 

Where a href is the link to the large image and img src indicates the smaller image with Width and Height as reference of its seize.

 

Notice it is all enclosed within the <a> tag </a>

 

Thats all for todays HTML crash course see you tomorrow!

 

Post your questions right here!