Presentation is loading. Please wait.

Presentation is loading. Please wait.

Page Layout & Links Lecture # 4.

Similar presentations


Presentation on theme: "Page Layout & Links Lecture # 4."— Presentation transcript:

1 Page Layout & Links Lecture # 4

2 Specifying the Margins
Put the following attributes inside the BODY tag: LEFTMARGIN=X TOPMARGIN=Y

3 Creating Indents Use horizontal type for paragraph indenting:
<SPACER TYPE=“horizontal” SIZE=36> Use vertical type for spacing between paragraphs: <SPACER TYPE=“vertical” SIZE=24>

4 Creating Blocks of Space
You can create blocks of space that you can wrap text around: <SPACER TYPE=“block” WIDTH=36 HEIGHT=45 ALIGN=left>

5 Centering Elements In addition to the align attribute you can use the center tag for centering any element on you web page. The center tag has a closing tag.

6 Using Block Quotes & Controlling Line Breaks
Use the <BLOCKQUOTE> tag then close it. If you want your text to appear in one line without any breaks use <NOBR> tag and close it.

7 Links To create anchors use: To link to a specific anchor:
<A NAME=anchorname>Introduction</A> NOTE: anchor name should be between quotes if it is more than a word. To link to a specific anchor: <A HREF=“#anchorname”>

8 Kinds of links <A HREF=“mailto:name@site.com”>Mail me</A>
<A HREF=“ name</A>

9 Targeting Links to New Windows
Within the link definition type: TARGET=_blank

10 Creating Keyboard Shortcuts
Within the link tag use the ACCESSKEY= attribute

11 Image Maps Divide your image into regions using a photo editor software. Define the map. Insert USEMAP=“#mapname” attribute in the image tag.

12 Changing the Color of Links
Within the BODY tag use the following attributes: LINK VLINK ALINK


Download ppt "Page Layout & Links Lecture # 4."

Similar presentations


Ads by Google