How to Apply Table Formating in HTML

  • Breakfast ,Lunch,Dineer heading position is in Middle

    &lt;table border="3" bordercolor="#c86260"<br>&nbsp;bgcolor="#ffffcc" width="50%" <span class="Red">cellspacing="2" cellpadding="3"</span>&gt;<br><br>
    &lt;tr&gt;&lt;td&gt;&lt;b&gt;<span class="Black">Breakfast</span>&lt;/b&gt;&lt;/td&gt;&lt;td&gt;<span class="Black">Orange juice</span>&lt;br&gt;<span class="Black">Toast</span>&lt;br&gt;<span class="Black">Black coffee</span>&lt;/td&gt;&lt;/tr&gt;<br><br>
    &lt;tr&gt;&lt;td&gt;&lt;b&gt;<span class="Black">Lunch</span>&lt;/b&gt;&lt;/td&gt;&lt;td&gt;<span class="Black">Tuna sandwich</span>&lt;br&gt;<span class="Black">Apple</span>&lt;/td&gt;&lt;/tr&gt;<br><br>
    &lt;tr&gt;&lt;td&gt;&lt;b&gt;<span class="Black">Dinner</span>&lt;/b&gt;&lt;/td&gt;&lt;td&gt;<span class="Black">Hamburger steak</span>&lt;br&gt;<span class="Black">Mashed potatoes</span>&lt;br&gt;<span class="Black">Green beans</span>&lt;br&gt;<span class="Black">Jello</span>&lt;/td&gt;&lt;/tr&gt;

    &lt;/table&gt;




    Breakfast ,Lunch,Dineer heading position on the top . set valign="Top"


    &lt;table border="3" bordercolor="#c86260" bgcolor="#ffffcc" width="50%" cellspacing="2" cellpadding="3"&gt;<br><br>
    &lt;tr&gt;<b>&lt;td <span class="Red">valign="top"</span>&gt;&lt;b&gt;<span class="Black">Breakfast</span>&lt;/b&gt;&lt;/td</b>&gt;&lt;td&gt;<span class="Black">Orange juice</span>&lt;br&gt;<span class="Black">Toast</span>&lt;br&gt;<span class="Black">Black coffee</span>&lt;/td&gt;&lt;/tr&gt;<br><br>
    &lt;tr&gt;<b>&lt;td <span class="Red">valign="top"</span>&gt;&lt;b&gt;<span class="Black">Lunch</span>&lt;/b&gt;&lt;/td&gt;</b>&lt;td&gt;<span class="Black">Tuna sandwich</span>&lt;br&gt;<span class="Black">Apple</span>&lt;/td&gt;&lt;/tr&gt;<br><br>
    &lt;tr&gt;<b>&lt;td <span class="Red">valign="top"</span>&gt;&lt;b&gt;<span class="Black">Dinner</span>&lt;/b&gt;&lt;/td&gt;</b>&lt;td&gt;<span class="Black">Hamburger steak</span>&lt;br&gt;<span class="Black">Mashed potatoes</span>&lt;br&gt;<span class="Black">Green beans</span>&lt;br&gt;<span class="Black">Jello</span>&lt;/td&gt;&lt;/tr&gt;<br><br>

    &lt;/table&gt;



    Colspan function is used to merger two columns and rows   

    colspan="2"   it will merge two columns


Howdy, Stranger!

It looks like you're new here. If you want to get involved, or you want to Ask a new Question, Please Login or Create a new Account by Clicking below

Login with Facebook

Popular Posts of the Week

Top Posters Weekly

Optimum Creative