Menu Bar

Home
Introduction to HTML Tables Elements and Attributes Lists Google Home Page Registration Form Forms_1 Forms_2
Introduction to CSS Three types of css Tables Forms(id,class,psuedo class) Backgrounds Periodic table Border in a table Margins and Padding Height,Width,Overflow
Introduction Basic Script Data types and Operators String methods and Arrays Functions and Objects Events Dialog boxes Conditions Loops Error Handling External JS Simple Calculator
Introduction SQL Installation and User creation SQL:Database and Table Creation SQL:Alter Constraints Select,Insert Delete Operators Functions Joins, Union, GroupBy Missing Items User Defined Functions Views Backup and Restore Company DB, Table and records Queries on Company DB Computer Business DB and Queries
Introduction Variables, Datatypes & Operators Conditional & Looping Statements Functions Pointers & Recursion Array & Files Patterns
Introduction Problems in C++
Configuration SQL server connection Introduction to PHP
Introduction VB.NET VB.NET Compilation & Run VB.NET Problems No link
Design Principles Stone Profit support page MasterLegacy MasterDev Work with Live System

Class about HTML,CSS and JavaScript

  • Tag
  • Opening Tag
  • Closing Tag
  • Element
  • How to save a HTML document
  • Save as .html or .htm
  • Accessing HTML document from local
  • Kept HTML document from server
  • Accessing HTML document from server
  • Hosting a website
  • Deployment
  • Hello world program in Notepad, Notepad++ and Editplus

Task:1

Write a code to display this below image in your browser.


Steps:

  1. Create a table using table tag.
  2. By using colspan option modify the structure of table according to the above image.
  3. Fill the required cell with appropriate colors using background-color option and kept border color as black.
  4. Enter the text according to input image and make changes on font-family and alignment.
  5. Remove the cellspacing and kept appropiate padding.

Code:



Output:

Subscribe to: Posts (Atom)