rocket

html table properties tutorial

  • Web html, css, javascript, php, python, sql, jquery, xml, ajax, bootstrap.
  • Online web design, along with everything you need for a complete website.
  • html table properties tutorial,The best way to split a page into different sections is to use HTML <table> tag.
  • HTML Table section is top of (start with) <table> tag, and closed it right down at the </table> tag. Everything in between those two tags is inside the table.
  • Every time you add a <tr> tag, when table will gain an extra row. In the table you just made, these is only one row section, so these is only one row.
  • HTML <td> tag stands for table data (also say table column), and it places one cell in your table row.
  • HTML table you also merge two or more column or two or more row merge using respectively colspan or rowspan attributes.
            16

top
demo
Head1Head2Head3Head4Head5Head6Head7
valuevaluevaluevaluevaluevaluevalue
valuevaluevaluevaluevaluevaluevalue
valuevaluevaluevaluevaluevaluevalue
valuevaluevaluevaluevaluevaluevalue
valuevaluevaluevaluevaluevaluevalue
valuevaluevaluevaluevaluevaluevalue

       
      <table style="width: 2%; background-color: rgb(128, 128, 128); border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; border-collapse: collapse; color: rgb(0, 0, 0); 
font-family: Montserrat,sans-serif; font-weight: normal;"><tr><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; 
line-height: 2rem; padding: 5px;">Head1</th><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; 
padding: 5px;">Head2</th><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 
5px;">Head3</th><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head4</th><th 
style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head5</th><th style="background-color: 
rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head6</th><th style="background-color: rgb(255, 0, 0); 
border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head7</th></tr><tr><td style="text-align: center; border-width: 2px; 
border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 
2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: 
center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 
2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 

border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr><tr><td style="text-align: center; 
border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: 
center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 
2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: 
center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr></table>

Skills assessment. Although the years working on a skill can provide an indication of maturity and expertise gained, this alone is not enough. Different people have different levels of gaining knowledge and expertise and there are people that have a natural inclination to some specific skills.

HTML5
100%
CSS3
100%
JAVASCRIPT
100%
PHP
100%
JQUERY
100%
WORDPRESS
100%
SQL
100%
XML
100%
DESIGN & DEVELOPMENT
⭐⭐⭐⭐⭐  Best Seller
100%
PHOTO MAKER
100%
PHOTOSHOP
100%
SEO
100%