It is quite difficult to create a table in HTML. But with the steps outlined in this article, you should be able to create one for your site.
Step 1. Open a simple text editor program such as Notepad or WordPad on Windows, or on Mac open TextEdit
Step 2. Enter all the text you want to see in front of the table. 3 Define the use of the table for the HTML document by entering the tag
Step 4. Press Enter
Step 5. Enter the tag for opening table-row using the tag
Step 7. Press Enter
Step 8. Enter a start tag for the table heading using the tag
Step 9. Enter the title you want to use for the first column
Step 10. Enter a closing tag for the table heading element using the tag
Step 11. Press Enter
Step 12. Repeat the steps (arranging items in columns from left to right)
Step 13. Close this line by entering the tag
Step 14. Press Enter
Step 15. Start another line with a different tag
Step 16. Press Enter
Step 17. Enter the table data tag using the tag
Step 18. Enter the table data you want to include in each field. 19 Work from left to right, filling in the data from the columns shown above
Step 20. Cover each input with a tag
… 21 Repeat for all the data in the table that you have.
- For those cells where there is no need to enter anything, enter
and and nothing in between. This will be very useful for fields between two other fields.
Step 22 Close each line with a different tag
Step 23. Repeat each line down in addition to the lines
until each row is collected.
Step 24. Close the table with a tag
Step 25. Enter the following HTML text that you need in the rest of the document
Indent from each line so that you can understand what you are trying to do in your code
- If you accidentally enter too many columns of data where there is no table heading, they will still be shown, but they will look a little silly and the reader will not understand what this information is for.
- Building tables on an HTML page is a tricky process to understand. First, practice on the external data to see what it looks like, then browse and place the new table in its place.
- The HTML table code is best left to advanced HTML coders. However, after you follow these instructions, you too will become one of them.