1 / 9

Continuing HTML

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 another webpage . Note that copying from this PowerPoint presentation will require you to go back and change the quotation marks.

jagger
Download Presentation

Continuing HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Continuing HTML

  2. Hyperlinks There 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 External Hyperlink: <a href=“http://www.google.com”> Link to Google </a> 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>

  3. Images • To add an image to your webpage type in: <imgsrc=“url of the image that you want to use”>

  4. More on Images • To add alternative text to an image add alt=“text” to the image tag <imgsrc=“” alt=“”> • To change the width and the height of the image add width=“#” height=“#” to the image tag <imgsrc=“” height=“#” width=“#”>

  5. Image Hyperlink • To make an image into a hyperlink, use the following tags: <a href=http://www.google.com> <imgsrc=http://www.pictureofgooglelogo.com> </a>

  6. Styles • To 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.

  7. 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.

  8. 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>

  9. Assignment Edit 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

More Related