How to Create a Table in HTML Step by Step

 HTML TABLE  CREATE

   

     PROGRAM

             (USE FOR THE HTML CODE  )


<!doctype html>

<html> 

<table border="4">

<tr>

<th colspan="8" align="center" bgcolor="#f5c869">TIME TABLE</th>

</tr>

<tr align="center" bgcolor="#ff9999">

<th>Time</th>

<th>Monday</th>

<th>Tuesday</th>

<th>Wednesday</th>

<th>Thursday</th>

<th>Friday</th>

<th>saturday</th>

</tr>

<tr>

<td bgcolor="#ff9999">10-11</td>

<td bgcolor="#42f7c0">DCN</td>

<td bgcolor="#42f9f9">WT</td>

<td bgcolor="#42f7c0">DCN</td>

<td bgcolor="#e699ff">DS</td>

<td bgcolor="#26b0D2">English</td>

<td bgcolor="#e699ff">Maths</td>

</tr>     <tr>

<td bgcolor="#ff9999">11-12</td>

<td bgcolor="#e699ff">DS</td>

<td bgcolor="#42f9f9">Marathi</td>

<td bgcolor="#42f9f9">WT</td>

<td bgcolor="#42f7c0">DCN</td>

<td bgcolor="#bddbbd">SE </td>

<td bgcolor="#26b0D2">HINDI</td>

</tr>

<tr align="center">

<td bgcolor="#ff9999">12-1</td>

<td bgcolor="#bddbbd">SE </td>

<td bgcolor="#26b0D2">HINDI</td>

<td bgcolor="ff99b3">BMB</td>

<td bgcolor="#e699ff">DS</td>

<td bgcolor="#00ff00">Mini pro</td>

<td bgcolor="#bddbbd">SE</td>

</tr>  <tr>

<td bgcolor="#ff9999">1-1.40</td>

<td colspan="6" align="center" bgcolor="#f5c869">Lunch Break</td>

</tr>

<tr align="center">

<td bgcolor="#ff9999">1.40-2.40</td>

<td bgcolor="#26b0D2">BMB</td>

<td bgcolor="#42f7c0">DCN</td>

<td bgcolor="#e699ff">Marathi</td>

<td bgcolor="#42f9f9">Marathi</td>

<td bgcolor="#e6ffe6">DM</td>

<td bgcolor="#00ff00">Mini pro</td>

</tr>

<tr align="center">

<td bgcolor="#ff9999">2.40-3.40</td>

<td bgcolor="#42f9f9">WT</td>

<td bgcolor="#e699ff">DS</td>

<td bgcolor="#e6ffe6">DM</td>

<td bgcolor="#42f9f9">WT</td>

<td bgcolor="#00ff00">Mini pro</td>

<td>sports</td>

</tr>

<tr align="center">

<td bgcolor="#ff9999">3.40-4.40</td>

<td bgcolor="#00ff00">Mini pro</td>

<td>Library</td>

<td bgcolor="#bddbbd">SE&PM</td>

<td bgcolor="#e6ffe6">DM</td>

<td bgcolor="#00ff00">Mini pro</td>

<td>GFM</td>

</tr>

</tr>

</table>

</html>

 

 OUTPUT

html table

Related post :-

html form input type

drop down button 

Comments

Post a Comment

Popular posts from this blog

HTML Tag

Image
 HTML Tag  Html basic tag:-   <!DOCTYPE html> Html  first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of  HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in.  <HTML>:- <Html>.   </html> <html> tag tells the browser  this is HTML document . The <html> tag represent the root of  HTML document. The <html> tag is the container for other HTML elements  <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...
Read more

HTML Input Type Submit Syntax and Example

Image
What is Input Type Submit in HTML The input type="submit" in HTML is used to create a submit button in a form. When a user clicks this button, it sends (submits) the form data to a server for processing. In simple words, a submit button helps users send the information they entered in a form, like login details, contact forms, or registration data. Syntax : <input type= "submit" value="submit"> type ="submit"  ➡ create a submit button  value ="send"    ➡ text shown on the button A button that submit the form.<input type ="submit"> defines  button for submitting form data  form-handler. The form-handler is typically server page with the  script for processing input data. the form -handler is specified in the forms action attribute.  ⭐ HTML Input Type Submit Syntax and Example  program <! DOCTYPE html > < html > < body > < h2 > Submit Button </ h2 > < p > The < strong >...
Read more

CSS Text Color Explained with Syntax and HTML Examples

Image
 What Is CSS Text Color This Blog You Will Learn  à®ƒ   What Is CSS Text Color  à®ƒ   Syntax   à®ƒ   Purpose of Text Color  à®ƒ    Real world Use Cases  à®ƒ    What Is CSS Text Color  Example    à®ƒ   Output What Is CSS Text Color CSS text color refers to the color applied to text content on a web page using the color property in CSS. It controls how text appears visually and plays a major role in readability, accessibility, branding, and user experience . Syntax  selector{   color:value; } Purpose of Text Color ✅ Make content readable.  ✅ Highlight important information. ✅ Match brand identity. ✅ Create visual hierarchy. ✅ Improve user experience. Real world Use Cases Highlighting error messages. Emphasizing headings. Branding and theme design improving content readability. ஃ  structure diagram examples What Is CSS Text Color Example   <! DOCTYPE html > ...
Read more