Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the...

9
Continuing HTML

Transcript of Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the...

Page 1: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

Continuing HTML

Page 2: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

HyperlinksThere are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to another

webpage.Note that copying from this PowerPoint presentation will require you

to go back and change the quotation marks.

To create an Internal Hyperlink:

<a href=“#somewhere1”> What you want the link to say” </a>

Wherever you want the image to take you type:

<a name=“somewhere1”> What you want the internal link to take you to </a>

To create an External Hyperlink:

<a href=“http://www.google.com”> Link to Google </a>

Page 3: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

Images

To add an image to your webpage type in:

<img src=“url of the image that you want to use”>

Page 4: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

More on Images

To add alternative text to an image add alt=“text” to the image tag

<img src=“” alt=“”>

To change the width and the height of the image add width=“#” height=“#” to the image tag

<img src=“” height=“#” width=“#”>

Page 5: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

Image HyperlinkTo make an image into a hyperlink, use the

following tags:

<a href=http://www.google.com> <img src=http://www.pictureofgooglelogo.com> </a>

Page 6: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

StylesTo center something that you want to be centered add

<center> in front of it, and </center> when you want the centering to stop.

To strike though text use <s> in front of the text you want to strikethrough and </s> when you want the strike to stop.

To make the text bold use <b> in front of the text you want to make bold and </b> when you want to stop the text from being bold.

To make the text underlined use <u> in front of the text you want to underline, and </u> to stop underlining.

To make the text italicized use <i> in front of the text you want to italicize, and </i> when you want to stop italicizing.

Page 7: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

Super and Sub Scripts

To write things like 2nd, a superscript is required. To create a superscript with HTML use the tag <sup> in front of what you want to superscript, and </sup> when you want the text to go back to normal.

To write fractions like 1/2 , both super and subscripts are used. To write the denominator using a subscript, use the tag <sub> in front of what you want to be subscripted, and </sub> when you want the text to go back to normal.

Page 8: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

Marquee To put a marquee on your website, just put in the code

<marquee loop=“infinite” bgcolor=“color” width=“#”> Type what you would like to appear on your marquee </marquee>

Page 9: Continuing HTML. Hyperlinks There are two types of hyperlinks, one that keeps the viewer within the webpage, the other that takes the viewer outside to.

AssignmentEdit your webpage to include the following criteria:

Internal Hyperlink 10 pts

External Hyperlink 10 pts

2 images 20 pts

Image Hyperlink 10 pts

4 styles 20 pts

Super and Subscripts 10 pts

Marquee 10 pts

Aesthetic Appeal 10 pts