1 / 14

Web Design–Part 2

Web Design–Part 2. Links, Graphics, Tables, and Color Explorers Guild May 25, 2000. Links. Anchor tags - <A>…</A> Attributes Anchor Link <A HREF =“filename”>hot text </A> Anchor Mark <A NAME=“ markname ”> ... </A> Link to Anchor Mark If in another document

jack-wood
Télécharger la présentation

Web Design–Part 2

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. Web Design–Part 2 Links, Graphics, Tables, and Color Explorers Guild May 25, 2000

  2. Links • Anchor tags - <A>…</A> • Attributes • Anchor Link <A HREF=“filename”>hot text</A> • Anchor Mark <A NAME=“markname”>...</A> • Link to Anchor Mark If in another document <A HREF=“URL#markname”>hot text</A> If in current document <A HREF=“#markname”>hot text</A>

  3. Adding Links <A HREF=“…”>What’s new?</A>

  4. Anchor Tag Reminders • Don’t forget to put the quotation marks around the URL value. • Don’t forget the closing anchor tag.

  5. Graphics <IMG SRC=“filename.ext”> <IMG SRC=“web2.jpg”>

  6. Image Attributes • Size • Alternative Text • Alignment

  7. Image Size WIDTH=n or % HEIGHT=n or % Specifies width and/or height of image in pixels or %

  8. ALT=“text” Displays alternative text IMG SRC=“wd2.jpg” ALT=“web design 2”> Alternative Text

  9. No Graphics Selected <IMG SRC=“wd2.jpg” ALT=“web design 2”>

  10. Alignment ALIGN=“LEFT|RIGHT” Aligns image relative to page ALIGN=“TOP|BOTTOM|MIDDLE” Aligns image relative to text

  11. Table <TABLE> <TR> <TD></TD> </TR> </TABLE>

  12. Table Attributes • Table Tag Attributes • Table Row Tag Attributes • Table Data Tag Attributes

  13. Table Problems • Missing End Tag • Missing Quotation Mark • Typos • Inconsistent Browsers

  14. Color • Made with hexdecimal code that defines the amount of red, green, & blue • Example: #FF00FF • Defines RRGGBB • Characters on scale, 0-9 then A-F(0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F) • 0 is the lowest amount and F is the largest amount

More Related