Presentation is loading. Please wait.

Presentation is loading. Please wait.

How to make tables in HTML By Daniel Arze. How do they do this?

Similar presentations


Presentation on theme: "How to make tables in HTML By Daniel Arze. How do they do this?"— Presentation transcript:

1 How to make tables in HTML By Daniel Arze

2 How do they do this?

3 Requirements and tools Familiarity with some HTML Notepad Web Browser

4 Quick HTML sample page We are assuming that you already know the meaning of the following code to start a basic HTML page

5 Making a table in HTML First insert the tag after the opening tag. (This tells the computer that we will be creating a table and that it will have a border) Next insert a tag followed by your data and close it (This tells the computer that we are going to enter data in the first cell) Our first cell

6 Creating cells To make another cell repeat the previous step (This creates the cells side by side, from left to right, feel free to add more) Our first cell Our second cell Our Third cell

7 Creating rows To make a row insert a tag and close it at the end of the cells with the tag Our first cell Our second cell Our Third cell Second row 1 st cell Second row 2 nd cell Second row 3 rd cell

8 Finishing the table To insert additional cells and rows just follow the previous step. Once you are finished inserting all the cells and rows, all you need to do in order to finalize the table, is to close it with the tag at the end and before the tag.

9 The entire HTML code Our first cell Our second cell Our Third cell Second row 1 st cell Second row 2 nd cell Second row 3 rd cell

10 Saving and displaying Save the page with the HTML extension and you are ready to view your table in any browser. Here is our sample: www.gl.umbc.edu/~darze1/table.html


Download ppt "How to make tables in HTML By Daniel Arze. How do they do this?"

Similar presentations


Ads by Google