Presentation is loading. Please wait.

Presentation is loading. Please wait.

Creating your Webpage with tables. This is a 2 column by 1 row table!

Similar presentations


Presentation on theme: "Creating your Webpage with tables. This is a 2 column by 1 row table!"— Presentation transcript:

1 Creating your Webpage with tables

2 This is a 2 column by 1 row table!

3 This is the code for the table! Here is Alfie lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing lots of writing

4 Menu Adding a table Adding text in a table Adding titles in a table Adding hyperlinks in a table Adding images in a table Adding videos in a table

5 Table Making Click on the table layout you would like to do!

6 1 Row and 2 Columns Go to your web page and copy the code below Replace the Section# with your HTML Save your page View your page Section1 Section2

7 1 Row and 3 Columns Go to your web page and copy the code below Save your page View your page Section1 Section2 Section3

8 1 Row and 4 Columns Go to your web page Copy the code Replace the Section# with your HTML Save your page View your page Section1 Section2 Section3 Section4

9 2 Rows and 2 Columns Go to your web page and copy the code below Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4

10 2 Rows and 3 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6

11 3 Rows and 2 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6

12 3 Rows & 4 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6 Section7 Section8/td> Section9 Section10 Section11 Section12

13 3 Rows & 3 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6 Section7 Section8 Section9

14 2 Rows & 4 Columns Go to your web page Copy the code Save your page Replace the Section# with your HTML View your page Section1 Section2 Section3 Section4 Section5 Section6 Section7 Section8

15 Adding Text in a Table All features go inside the tags Adding normal text would look like this: This is my website about Cocker Spaniels and our own dog called Alfie Adding paragraph text would look like this: This is my website about Cocker Spaniels and our own dog called Alfie

16 Adding a Title in a Table All features go inside the tags Adding a title would look like this: Welcome to my Website

17 Adding Hyperlinks in a Table All features go inside the tags Adding a hyperlink would look like this: Link to BBC http://www.bbc.co.uk

18 Adding an Image in a Table All features go inside the tags Adding an image would look like this: I have added in width and height to resize the image!

19 Adding a YouTube video in a Table All features go inside the tags You need to copy the embed code from YouTube into your tag You then need to add in http at the front Adding a YouTube video would look like this: http://www.youtube.com/embed/thry4562dd2


Download ppt "Creating your Webpage with tables. This is a 2 column by 1 row table!"

Similar presentations


Ads by Google