Posts

Showing posts from 2021
-
Image
Creating a table using HTML (using Rowspan and Colspan)                                       Expected Output Table <!DOCTYPE html> < html > < head > < title > Table </ title > </ head > < body > < div > < table width = "1000px" cellpadding = "10" cellspacing = "0" border = "2" > < tr > < th colspan = "5" > SURKHET MODEL COLLEGE </ th > </ tr > < tr > < th colspan = "5" > Faculty of Management </ th > </ tr > < tr > < td rowspan = "4" > Detail of student </ td > < td > S.N </ td > < td >N ame </ td > < td > Roll no. </ td > </ tr >
Post a Comment
Read more

Percentage Calculator using html and Javascript

-
Percentage Calculator <!DOCTYPE html> < html > < head > < title > js form </ title > < link rel = "stylesheet" type = "text/css" href = "new\html\jstry.css" > </ head > < body > < form form name = "form" id = "aa" > < div > < label > Name </ label > </ div > < input type = "text" name = "name" id = "name" > < div > < label > Class </ label > </ div > < input type = "number" name = "" id = "Class" > < div > < label > Roll no. </ label > </ div > < input type = "text" name = "" id = "roll" > < div > < la
Post a Comment
Read more

Alternative Colored table using HTML and CSS only.

-
Image
HTML for Table  <!DOCTYPE html>  <html>    <head>      <title>Colored Table | HTML</title>     <link rel="stylesheet"  type =" text/css" href="style.css">    </head>    <body>      <table id="a">        <tr>          <th>id</th>          <th>Name</th>          <th>roll</th>          <th>class</th>        </tr>        <tr>          <td>1</td>          <td>ram</td>          <td>3</td>          <td>six</td>        </tr>        <tr>          <td>1</td>          <td>ram</td>          <td>3</td>          <td>six</td>        <tr>          <td>1</td>          <td>ram</td>          <td>3</td>          <td>six</td>        </tr>        <tr>          <td>1</td&
Post a Comment
Read more

Basic Calculator with HTML and JS

-
Image
HTML for Basic Calculator <!DOCTYPE html> < html > < head > < title > </ title > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < link rel = "stylesheet" type = "text/css" href = " style.css" >        < link r el = "stylesheet" ref = "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" > </ script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" > </ script > < script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" > </ script > </ head > < body > < div class = "container" > < h2 > Basic Cal
Post a Comment
Read more