Presentation is loading. Please wait.

Presentation is loading. Please wait.

Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.

Similar presentations


Presentation on theme: "Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory."— Presentation transcript:

1 Images and Tables

2 Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory Optional ALIGN="bottom", "middle", "top"  ALIGN tells the browser how to align the image with the neighboring text. HEIGHT="n " or WIDTH="n"  HEIGHT and WIDTH specify the display height and width (in pixels) for the image.

3 Image Links  Use the tags to define the start and ending of an anchor ESPN Home

4 HTML - Other Links  HTML - Email Links Send me a Message  HTML – Download document My Resume or My Resume

5 HTML - Images  Use the tag to place an image  Determining the source of image src=http://www.mu.edu/pics/union.gif src="union.gif" src="pictures/union.gif" src="../pictures/union.gif"  HTML – Image Height and Width

6 Controlling the Font and Size My text resize the text text define the font size define the font face browser will try Arial first, then Helvetica if Arial is not present

7 Table  Basic tags defines a table in HTML the title of the table a row within a table a table header cell a table data cell with the text aligned left and centered vertically  Attributes BORDER - appearing in the TABLE tag ALIGN - can appear in CAPTION, TR, TH, or TD values: left, center, and right, e.g. align=center. VALIGN - can appear inside a TR, TH, or TD values: top, middle, bottom. WIDTH=

8 first header cell contents last header cell contents second row, first cell contents second row, last cell contents last row, first cell contents last row, last cell contents A Table Template

9 Images - ex3.html  Create a table with 3 rows and 3 columns.  Add an image or words into each cell.

10 Other things to define the “table” Try with different attribute values to get what you want.

11 Other things to define the “table”

12 Other things to define the “table”

13 Other things to define the “table”

14 ex4.html

15 Ex4.html


Download ppt "Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory."

Similar presentations


Ads by Google