Alaska under the moon in the starry night
Statue of Liberty in Liberty Island in New York Harbor
USA stars Eye in the sky

Main (Home) page. USA 2017 "Lesson 10." - Tables, part 2, old attributes.


Somebody think about future. We make future today. USA2017.INUMO.RU. Peace, freedom, happiness for everyone in USA and everywhere on the Earth in 2017.

USA2017 :: "Lesson 10." - Tables, part 2, old attributes.

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./

HTML tutorial on USA 2017 Tables, part 2, old attributes. Lesson 10. In this lesson we will study some outdated table attributes. We can't recommend to use these tags for new webpages. But we have to know these tags, because there are millions documents with these tags over the globe. There is a big probability that we will work with old table attributes on old webpages. Samples of outdated table attributes: width="640" (new correct way width:640px; in <style>), align="center" (margin-left:auto; margin-right:auto;), cellpadding="2" (padding:2px;), cellspacing="1" (border-spacing:1px;), align="center" (text-align:center;).
First publication rights USA 2017 com



Tables, part 2, old attributes. Lesson 10.

In this lesson we will study some outdated table attributes. We can't recommend to use these tags for new webpages.

But we have to know these tags, because there are millions documents with these tags over the globe. There is a big probability that we will work with old table attributes on old webpages.

Lets make some step-by-step modernization of our table:
  1. In attribute <style> of <table> tag we add property width:640px; - we make our table to have width of 640 pixels (in old way people used attribute width="640").
  2. In attribute <style> of <table> tag we add property margin-left:auto; margin-right:auto; - we make our table to be center-aligned (in old way people used attribute align="center").
  3. In attribute <style> of <table> tag we add property padding:2px; - the property specifies the space, in 2 pixels, between the cell wall and the cell content (in old way people used attribute cellpadding="2").
  4. In attribute <style> of <table> tag we add property border-spacing:1px; - specifies the space, in 1 pixel, between cells (in old way people used attribute cellspacing="1").
  5. In attribute <style> of <table> tag we add property style="text-align:center;" - information in cells will be center-aligned (in old way people used attribute align="center").

Our table after all steps above:

Food prices in US cities
DateTimeFoodCityFats, Proteins, CarbohydratesMoney $
Sep 30, 193519:00KefirNew York0421.54
Oct 12, 193520:00MeatChicago3645.25
Oct 24, 193522:00CarrotCleveland1272.14
23:00PotatoesLos Angeles0282.99
Task in a HTML format (after making steps above)


Compare with original:

Task in a picture format (image file food_prices.png).
Task in a picture format (image file food_prices.png)


Everything seems to be ok, but boss wants the borders to collapse into one border...

Best way to make it is to use CSS technology. We have to set up a code below in <head></head> section.
<style>
table, th, td {
	border:1px solid black;
	border-collapse:collapse;
}
</style>

So we have placed mentioned above things on our test webpage:
article_010.html ← click to view, how it looks on this website...
article_010.zip ← download this webpage in zip archive to set on your website.

To visit more lessons use navigation bar below ↓,


More Info about "HTML and Internet basics" → ↓

"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?

If you plan to come back later...
Please remember this page -
URL: https://usa2017.inumo.ru/html/p010.html
Basket is empty

Love Me Do portal. Miss USA 2017.
"Love Me Do"

Keep pornography out & protect your family. Content watch :: Stop Internet Porno. Free computer scan.
Content watch :: Stop Internet Porno.

Adobe Macromedia.
Adobe Macromedia.

"Love Me Do" portal on USA 2017.
"Love Me Do" portal on USA 2017.

Hosting Observer.
Hosting Observer.

Music portal on USA2017.INUMO.RU
Music portal on USA2017.INUMO.RU

USA2017.INUMO.RU Attention! Thank you for visit! I wish you great success in present and future!
Pleeeeeeease, don't forget to vote for me in 2017! Thanks for your support.
© CopyRight(R), CopyLeft(L), CopyCat(C) 2017, President of USA. USA2017.INUMO.RU.
We make future today. Join us now! Peace, freedom, happiness, for everyone in USA and everywhere on the Earth in 2017.
Our very special thanks for support to: Team of the hosting company.
News from USA 2017. Sign up!
Close and hide in basket
Account Now. Free direct deposit. Visa card. 100% Approval. $25 Bonus when you set up direct deposit. Sign Up in 60 seconds.
Close and hide in basket
Butlers Bubbly Game. Snow and skiing - the perfect holiday! Until Billy the Butler gets a thirst for your bubbly! Stop Billy before he polishes off ALL the champagne 'Moet et chandon' and stand in line to win incredible prizes!
Close and hide in basket
eToro. While markets plummet... You profit.