Other H T M L Tags

485 views

Published on

  • Be the first to comment

  • Be the first to like this

Other H T M L Tags

  1. 1. Other HTML Tags
  2. 2. The <Head> Tag <ul><li>contains information about the document </li></ul><ul><li>usually includes titles, scripts, used, styled definitions, and document descriptions. </li></ul>
  3. 3. <BODY> <ul><li>encloses all the tags, attributes, and information in the document body go here. </li></ul><ul><li>Ex.: <body> </li></ul><ul><li>all the tags, attributes, and information in the document body go here. </li></ul><ul><li></body> </li></ul>
  4. 4. <ul><li>Alignment attributes are often used in paragraph formatting. </li></ul><ul><li>ex.: <P Align= Center> </li></ul><ul><li>Paragraph goes here. </li></ul><ul><li></P> </li></ul>
  5. 5. Organizing your Text with Lists <ul><li>Three Main types of Lists: </li></ul><ul><li>- unordered lists (UL) </li></ul><ul><li>- ordered lists (OL) </li></ul><ul><li>- Definition lists (DL) </li></ul>
  6. 6. Unordered list <ul><li>Bullet styles : a closed circle, an open circle, or a square. </li></ul><ul><li><UL>, </UL> </li></ul>
  7. 7. Ordered list <ul><li>Arabic numerals, uppercase or lowercase roman numerals, or upper or lowercase alphanumeric characters. </li></ul><ul><li>tags: <OL> </OL> </li></ul>
  8. 8. Definition Lists <ul><li>Start tag : <DL> and end tag </DL> </li></ul><ul><li>- two special elements: definition of terms (<DT> tag) and one for definitions (<DD> tag) </li></ul>
  9. 9. Creating an External Link <ul><li>The anchor element uses the <A> and </A> tags. </li></ul><ul><li>- used to create both external links and internal links ( hyperlinks ) </li></ul>
  10. 10. Anchor attributes <ul><li><href> </li></ul><ul><li><title> </li></ul><ul><li><target> </li></ul><ul><li><name> </li></ul>
  11. 11. <href> <ul><li>specifies the hyperlink reference. The href attribute must point to URL, and the URL should appear in quotes: </li></ul><ul><li>-<A HREF= http://www.yahoo.com/ > </A> </li></ul>
  12. 12. Title Attribute (<title>) <ul><li>allows an “advisory title” that explains the resource in more detail. </li></ul><ul><li>- <P> I…we should sue<A href = http://www.ticketmasters.com/ Title= “ticketmaster”> those jerks </A> </li></ul>
  13. 13. Name Attribute <ul><li>enables links to point to a specific section within a document </li></ul><ul><li>- <A name= “directions”> Here the directions to our house:</A> </li></ul>
  14. 14. Target attribute <ul><li>normally used with or without frames. </li></ul><ul><li><A </li></ul><ul><li>href= http://www.walrus.com/~gibralto/ ”Target= “window2”>Acorn Mush</A> </li></ul><ul><li>The main drawback is that some users get confused by the unexpected behavior of their browsers if they follow a targetted link. </li></ul>
  15. 15. SETTING List Appearance List Tag Effect For Numbered Lists: TYPE= A Specifies the number (or letter with which the list should start: A,a,I,or 1 (default) TYPE=a TYPE= A TYPE=I TYPE= I TYPE= 1
  16. 16. <ul><li>For bulleted Lists: </li></ul><ul><li>TYPE=DISC Specifies the bullet shape </li></ul><ul><li>TYPE=SQUARE </li></ul><ul><li>TYPE= CIRCLE </li></ul>
  17. 17. Common Character – Formatting Tags CHARACTER TAG EFFECT <B> Applies boldface <BLINK> Makes text blink, usually considered unprofessional <CITE> Indicates citations or ref. <S>, <Strike> Applies strikethrough to text. <CODE> Displays program code. Similar to the <PRE> tag. <EM> Applies emphasis; usually displayed as italic. <I> Italics <STRONG> Applies stronger emphasis; usually displayed as bold.
  18. 18. CHARACTER TAG EFFECT <SUB> Formats text as subscript. <SUP> Formats text as superscript. <TT> Applies a fixed-width font. <U> Applies underline. <VAR> Displays variables or arguments.
  19. 19. Resizing Image <ul><li>You can change height and width </li></ul>Ex: < img src=&quot;yourimage.jpg&quot; width=&quot;96&quot; height=&quot;134&quot; border=&quot;0&quot;> Original size
  20. 20. Resized Image <ul><li>Ex: <img src=&quot;yourimage.jpg&quot; width=&quot;45&quot; height=&quot;67&quot; border=&quot;0&quot;> </li></ul>

×