I searched all day along and finally found out all I need on USA2017.
/From the "Feedback collection on USA2017.INUMO.RU", USA2017.INUMO.RU./
Tables, part 1. Lesson 09. Long time ago the tables were main elements of a webpage. Webmasters make design of a webpage using many tables, nested one inside another. It was like nightmare to get logic of the plurality of tables. HTML code of these sites was very difficult to read and understand not only by programmers, but also by browsers. Now the situation has changed dramatically. Tables play an important role. But we use tables only for things they are designed, for presenting tabular data.
Long time ago (somewhere before year of 2005) the tables were main elements of a webpage. Webmasters make design of a webpage using many tables, nested one inside another. It was like nightmare to get logic of the plurality of tables. HTML code of these sites was very difficult to read and understand not only by programmers, but also by browsers.
Now the situation has changed dramatically. Tables play an important role. But we use tables only for things they are designed, for presenting tabular data.
Imagine following situation. Our boss set a task for us. Our artist has depicted this task in a picture format (image file) to ease understanding of the problem.
Task in a picture format (image file food_prices.png)
And now we have to create the same table by means of HTML and set it on our test page.
We can make this work step-by-step this way:
Create tag <table> - All tables are defined with this tag. For tag <table> we use the border attribute border="1" to make the borders with 1 pixel thickness. If we do not specify a border for the table, it will be displayed without borders.
Create tag <caption> - We need this tag to show a caption of a table. The <caption> tag must be inserted immediately after the <table> tag.
Create tag <tr> (row) for <th> (table headings) - in our case for table heading <th> "Fats, Proteins, Carbohydrates" we use attribute colspan="3" to make a cell span 3 columns.
Create 4 tags <tr> (row) for <td> cells with information - in our case for the penultimate row we use the attribute rowspan="2" to make a cell span 2 rows.
Create tag </table> - this tag let a browser know where end of the table is.
Food prices in US cities
Date
Time
Food
City
Fats, Proteins, Carbohydrates
Money $
Sep 30, 1935
19:00
Kefir
New York
0
4
2
1.54
Oct 12, 1935
20:00
Meat
Chicago
3
6
4
5.25
Oct 24, 1935
22:00
Carrot
Cleveland
1
2
7
2.14
23:00
Potatoes
Los Angeles
0
2
8
2.99
Task in a HTML format (after making steps above)
We have got something about our boss needs... Does he accept our work? What is the question!
So we have placed mentioned above things on our test webpage: article_009.html
← click to view, how it looks on this website...
article_009.zip
← download this webpage in zip archive to set on your website.
"1&1" - one of the largest web hosts in the world.
Register with one of the largest web hosts in the world.
Our broad product portfolio of domains, website packages, web hosting packages and high-end server solutions gives you plenty of choice.
Click Here → ↓
Happy new searching to you!
What to do and where to go?
USA2017.INUMO.RU :: main page. Somebody think about future. We make future today. Peace, freedom, happiness for everyone in USA and everywhere on the Earth in 2017.
Email to president of USA in 2017 :: don't hesitate to share your info with administrative staff of USA2017. Help us make world around better.
USA 2017. Search page. Search Box. :: What is search? Search is the activity of looking thoroughly in order to find something or someone. Life is searching and searching is a zest of our life. When you try to locate or discover, or try to establish the existence of something, use the search box on USA 2017.
HTML tutorial on USA 2017, main page. :: HTML is an ace of base of Internet. This HTML tutorial has been created for newcomers to let them quickly understand Internet basics. From other side, experienced users also will found some lessons to be useful. This HTML tutorial contains hundreds of HTML examples. Also there are built-in lab works to ease for users process of understanding how some opportunities are actual today.
Chess portal on USA2017. :: Chess is the best game over the world. Chess makes your brain work good and your soul feel happy. Chess is taught to children in schools around the world today. Many schools host chess clubs, and there are many scholastic tournaments specifically for children. Tournaments are held regularly in many countries, hosted by organizations such as the United States Chess Federation and the National Scholastic Chess Foundation. I don't think about chess as a sport, for me chess is an art.
Toggle numbers on left and right :: Click here if you want to remove or set back numbers on the left and right sides of your screen.
Remove ads :: Click here if you want to remove ads off this page.
Change ads :: Click here if you want to change ads on this page. After your click, all ads will be resorted by following way: ad1 → ad2, ad2 → ad3, ad3 → ad1.
If you plan to come back later...
Please remember this page -
URL: https://usa2017.inumo.ru/html/p009.html
Tables, part 1. Lesson 09. Long time ago the tables were main elements of a webpage. Webmasters make design of a webpage using many tables, nested one inside another. It was like nightmare to get logic of the plurality of tables. HTML code of these sites was very difficult to read and understand not only by programmers, but also by browsers. Now the situation has changed dramatically. Tables play an important role. But we use tables only for things they are designed, for presenting tabular data.
Attention!
Thank you for visit! I wish you great success in present and future!
USA 2017
