Other H T M L Tags

20
Other HTML Tags

description

 

Transcript of Other H T M L Tags

Page 1: Other  H T M L  Tags

Other HTML Tags

Page 2: Other  H T M L  Tags

The <Head> Tag

contains information about the document usually includes titles, scripts, used,

styled definitions, and document descriptions.

Page 3: Other  H T M L  Tags

<BODY>

encloses all the tags, attributes, and information in the document body go here.

Ex.: <body>

all the tags, attributes, and information in the document body go here.

</body>

Page 4: Other  H T M L  Tags

Alignment attributes are often used in paragraph formatting.

ex.: <P Align= Center>

Paragraph goes here.

</P>

Page 5: Other  H T M L  Tags

Organizing your Text with Lists

Three Main types of Lists:

- unordered lists (UL)

- ordered lists (OL)

- Definition lists (DL)

Page 6: Other  H T M L  Tags

Unordered list

Bullet styles : a closed circle, an open circle, or a square.

<UL>, </UL>

Page 7: Other  H T M L  Tags

Ordered list

Arabic numerals, uppercase or lowercase roman numerals, or upper or lowercase alphanumeric characters.

tags: <OL> </OL>

Page 8: Other  H T M L  Tags

Definition Lists

Start tag : <DL> and end tag </DL>

- two special elements: definition of terms (<DT> tag) and one for definitions (<DD> tag)

Page 9: Other  H T M L  Tags

Creating an External Link

The anchor element uses the <A> and </A> tags.

- used to create both external links and internal links ( hyperlinks )

Page 10: Other  H T M L  Tags

Anchor attributes

<href> <title> <target> <name>

Page 11: Other  H T M L  Tags

<href>

specifies the hyperlink reference. The href attribute must point to URL, and the URL should appear in quotes:

-<A HREF= http://www.yahoo.com/> </A>

Page 12: Other  H T M L  Tags

Title Attribute (<title>)

allows an “advisory title” that explains the resource in more detail.

- <P> I…we should sue<A href = http://www.ticketmasters.com/ Title= “ticketmaster”> those jerks </A>

Page 13: Other  H T M L  Tags

Name Attribute

enables links to point to a specific section within a document

- <A name= “directions”> Here the directions to our house:</A>

Page 14: Other  H T M L  Tags

Target attribute

normally used with or without frames. <A

href=http://www.walrus.com/~gibralto/”Target= “window2”>Acorn Mush</A>

• The main drawback is that some users get confused by the unexpected behavior of their browsers if they follow a targetted link.

Page 15: Other  H T M L  Tags

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=ITYPE= 1

Page 16: Other  H T M L  Tags

For bulleted Lists:

TYPE=DISC Specifies the bullet shape

TYPE=SQUARE

TYPE= CIRCLE

Page 17: Other  H T M L  Tags

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.

Page 18: Other  H T M L  Tags

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.

Page 19: Other  H T M L  Tags

Resizing Image

You can change height and width

Ex: <img src="yourimage.jpg" width="96" height="134" border="0">

Original size

Page 20: Other  H T M L  Tags

Resized Image

Ex: <img src="yourimage.jpg" width="45" height="67" border="0">