Basic Tables in HTML

Example 1: Table ( 4 rows x 3 cols)
FoodDrinksDesserts
Nasi LemakMilkCendol
Maggie GorengTeaPudding
RojakCoffeeIce-cream


Example 2: Relatives Tables (%)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultrices augue ac turpis porttitor porta. Praesent viverra venenatis dui et semper. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus eget dui nisl. Etiam scelerisque consequat odio ut ultrices. Cras pharetra sapien arcu, vel congue sapien eleifend lacinia. Nulla ut ex quis tortor volutpat imperdiet. Curabitur consectetur quis justo nec vulputate. In laoreet fermentum sem, eu aliquet massa gravida varius.

Nulla eu ante orci. Morbi sed lectus quis nibh viverra porta eget at enim. Fusce eget elit justo. Vivamus venenatis purus id dolor viverra, ut ornare risus auctor. Suspendisse id imperdiet mauris. Aenean id diam vel nibh gravida sollicitudin. Nunc dignissim lobortis diam, quis porttitor urna porttitor vel. Proin semper turpis orci, id vulputate orci fringilla vehicula. In a risus aliquet, ultricies justo ac, lobortis sapien. Maecenas quis mauris id massa tristique porttitor eu consectetur mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam tristique orci justo, id iaculis felis venenatis quis. Aliquam ipsum nibh, congue eget luctus vel, tincidunt imperdiet nulla. Suspendisse ultricies convallis magna in tempor. Sed laoreet lectus metus, quis blandit libero aliquam eget.


Example 3: Absolute size tables (pixel)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ultrices augue ac turpis porttitor porta. Praesent viverra venenatis dui et semper. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus eget dui nisl. Etiam scelerisque consequat odio ut ultrices. Cras pharetra sapien arcu, vel congue sapien eleifend lacinia. Nulla ut ex quis tortor volutpat imperdiet. Curabitur consectetur quis justo nec vulputate. In laoreet fermentum sem, eu aliquet massa gravida varius.

Nulla eu ante orci. Morbi sed lectus quis nibh viverra porta eget at enim. Fusce eget elit justo. Vivamus venenatis purus id dolor viverra, ut ornare risus auctor. Suspendisse id imperdiet mauris. Aenean id diam vel nibh gravida sollicitudin. Nunc dignissim lobortis diam, quis porttitor urna porttitor vel. Proin semper turpis orci, id vulputate orci fringilla vehicula. In a risus aliquet, ultricies justo ac, lobortis sapien. Maecenas quis mauris id massa tristique porttitor eu consectetur mauris. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam tristique orci justo, id iaculis felis venenatis quis. Aliquam ipsum nibh, congue eget luctus vel, tincidunt imperdiet nulla. Suspendisse ultricies convallis magna in tempor. Sed laoreet lectus metus, quis blandit libero aliquam eget.


Example 4: Merging Columns
FruitsTariq
AppleStrawberryBerriesManggo
CoconutBananaJackfruitGuava

Example 5: Merging rows
Food
KFC Mcd
Burger King Mamak Food
Marrybrown Kenny Rogers

HTML Tutorial