Create the table using colspan and rowspan.

 


Code


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Create a Table using colspan and rowspan</title>
</head>

<body>
    <table border="1">
        <th colspan="4">Work Contact Points</th>
        <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Phone</th>
            <th>Floor/Block</th>
        </tr>
        <tr>
            <td style="background-color:yellow;">Fred</td>
            <td style="background-color:DodgerBlue;">fred@megacorp.com</td>
            <td style="background-color:yellow;">123456</td>
            <td rowspan="2" style="background-color:Green;">
                <center>1/A</center>
            </td>
        </tr>
        <tr>
            <td style="background-color:DodgerBlue;">Jon</td>
            <td style="background-color:yellow;">jon@megacorp.com</td>
            <td style="background-color:DodgerBlue;">234567</td>
        </tr>
        <tr>
            <td style="background-color:yellow;">Bill</td>
            <td style="background-color:DodgerBlue;">bill@megacorp.com</td>
            <td style="background-color:yellow;">345678</td>
            <td rowspan="3" style="background-color:red;">
                <center>3/C</center>
            </td>
        </tr>
        <tr>
            <td style="background-color:DodgerBlue;">Jane</td>
            <td style="background-color:yellow;">jane@megacorp.com</td>
            <td style="background-color:DodgerBlue;">777444</td>
        </tr>
        <tr>
            <td style="background-color:yellow;">Alison</td>
            <td style="background-color:DodgerBlue;">alison@megacorp.com</td>
            <td style="background-color:yellow;">888652</td>
        </tr>
    </table>
</body>

</html>

Output



Comments

Post a Comment

Popular posts from this blog

Write A Program To Print Hello World Using Lex

Image
  How to write lex program ? first write a lex program in notepad then save with .l extension. next step is open cmd(Command prompt) then open directory in which your program is saved. then 3 step to run lex program let's see flex filename.l gcc lex.yy.c a.exe Code %{ #include<stdlib.h> %} %% ("hi"|"HI")"\n" {printf("\nHello Sir,Good Morning\n");} ("bye"|"BYE")"\n" {printf("\nBye, Take Care\n");} . {yyerror();} %% int main() { yylex(); return 0; } int yywrap(void) { return 0; } int yyerror(){ printf("Enter hi,HI,bye or BYE"); }
Read more

Create a Student registration form using following tags form,input,textarea,button,select,optio. The registration form must consist of following information: first name,Middle name,last name, gender(use radio button),address,phone no,email id,hobbies(use checkbox),city,state,country,collage name (use dropdown menu).

Image
  Code <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Student Registration Form</title> </head> <body> <h1>Parul Registration Form</h1> <form action="home.html"> <label>First Name:</label><br> <input type="text" name="name"><br><br> <label>Middle Name:</label><br> <input type="text" name="name"><br><br> <label>Last Name:</label><br> <input type="text" name="name"><br><br> <label>Gender</label><br> <input type="radio" name="Gender" value="male">Male <br> <in...
Read more