🚀 Hurry! Offer Ends In
00 Days
00 Hours
00 Mins
00 Secs
Enroll Now
X
Questions
Write a code to create following using html:
Write a code to generate following using html:
O Level Practical Viva Questions and Answers
Write a HTML program to implement Formatting tags.
Create a Web Page in which the text " WEB DESIGNING AND PUBLISHING " should scroll in different directions for four times .
Write a Java Script program to print Factorial of a given number.
Create a web page to display the following output:
Create a web page to display 3 images which are aligned left, right and center respectively.
Write a program using java script to accept a Name from user and display it.
Write down the names of any four states of India using all types of list i.e. ordered list, unordered list and definition list. The page should have background colour. The text colour of each type of the list should be different.
Write a program to create html table having border and alternate columns background colors using CSS. Final Output should be like this.
Write html code to generate following output. • Coffee • Tea • Black Tea • Green Tea • Milk
Create a Restaurant Menu Card using HTML and CSS.
Write HTML Code to demonstrate the use of Anchor Tag for the Following:- 1. Creating a web link that opens in a new window. 2. Creating a web link that opens in the same window. 3. C Reference within the same html document. 4. Reference to some image. 5. Making an image a hyperlink to display second image
What do you mean by <Select> tag? Design a web page with 4 Select tag with 4 option each?
Design Simple Registration form with First Name, Last Name, Password, EMail Id, Phone No, Address, Gender, DOB in the personal details section and Degree, Engineering Branch, Signature, Photo and Resume upload in Educational Details section.
Design a Simple table with First name, Last Name, marks, Roll No. & Course using W3.CSS.
a) Write HTML program with title Student Information: b) Write Name of college in large font. c) Write address in small font. d) Write course name with different background color of each course. e) Insert image in background
Write JS to find prime numbers, even numbers, and odd numbers between 1 to 100.
PRACTICAL-PR1 PRACTICAL-PR2 PRACTICAL-PR3 PRACTICAL-PR4

Write a program to create html table having border and alternate columns background colors using CSS. Final Output should be like this.

Last Updated : 16 Jul 2025 Jul 23, Jan 24

Solution:

STUDENT MARK SHEET

NAME

Maths

Science

English

Physics

General Knowledge

Anil Kumar

49

69

79

67

78

Sunil Kumar

58

78

87

85

87

Rakesh Sharma

75

87

86

78

56

Farida Khan

55

67

56

89

78

 

<!DOCTYPE html>
<html>
<head>
    <title></title>
<style type="text/css">
    table{
        width: 70%;
        margin:20px auto;
        border-collapse: collapse;
        border:1px solid black;
    }

    th,td{
        border: 1px solid black;
        padding: 10px;
        text-align: center;
    }
    th{
        background-color: #f0f0f0;
    }

    td:nth-child(even){
        background-color: #e6f7ff;
    }
</style>

</head>
<body>

<table >
    <tr>
        <th colspan="6">Student Mark sheet</th>
    </tr>

    <tr>
        <th>Name</th>
        <th>Maths</th>
        <th>Science</th>
        <th>English</th>
        <th>Physics</th>
        <th>GK</th>
    </tr>

    <tr>
        <td>Anil Kumar</td>
        <td>49</td>
        <td>69</td>
        <td>79</td>
        <td>67</td>
        <td>78</td>
    </tr>

    <tr>
        <td>Sunil Kumar</td>
        <td>58</td>
        <td>78</td>
        <td>87</td>
        <td>85</td>
        <td>87</td>
    </tr>

        <tr>
        <td>Rakesh Sharma</td>
        <td>75</td>
        <td>87</td>
        <td>86</td>
        <td>78</td>
        <td>56</td>
    </tr>

            <tr>
        <td>Farida khan</td>
        <td>55</td>
        <td>67</td>
        <td>56</td>
        <td>89</td>
        <td>78</td>
    </tr>
</table>

</body>
</html>

Code Explanation:

Code Explanation:

  • Table Styles:

    • width: 70%: Sets the table width to 70% of the containing element.
    • margin: 20px auto: Centers the table horizontally with a top and bottom margin of 20px.
    • border-collapse: collapse: Ensures borders are collapsed into a single border.
    • border: 1px solid black: Adds a solid black border around the table.

  • Cell Styles:

    • border: 1px solid black: Adds a solid black border around each cell.
    • padding: 10px: Adds padding inside cells for spacing.
    • text-align: center: Centers the text in cells.

  • Header Styles:

    • background-color: #f0f0f0: Sets a light gray background color for header cells.

  • Row Styles:

    • td:nth-child(even): Applies a light blue background color (#e6f7ff) to even-numbered columns in each row, creating a striped effect.

  • Table Content:

    • Header Row: Contains the title "Student Mark Sheet" spanning all six columns.
    • Column Headers: "Name", "Maths", "Science", "English", "Physics", "GK".
    • Data Rows: Lists marks for four students: Anil Kumar, Sunil Kumar, Rakesh Sharma, and Farida Khan.
Report an error

Meanwhile you can watch this video

Watch Video
Latest Updates