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

Introduction to HTML


HTML [ Hyper Text Markup Language]
  • HTML is used to create a webpage.
  • HTML elements are the building blocks of a webpage. 
  • HTML elements are represented by tags. 
  • Browser doesn't display the HTML tags, but use them to render the content of webpage.

Basic Format:
basic format of html

   Here,
  •  <html> element is the root of HTML page.
  •  <title> element specify a title for the webpage.
  •  <head> element contains metadata about the document.
  •  <body> element contains visible page content.

 Output:



Task:1
Creating a table without using css properties from the reference image. After creating table, use css properties to make changes in font style.

Steps:

  1. Create a table using <table> tag.
  2. Insert rows into the table using <tr> tag.
  3. Create table heading using <th> tag.
  4. Create table cells using <td> tag with empty data.
  5. Enter some data with in table cells.
  6. Keep right alignment for numeric data and left alignment for text data.


  7. Use cellspacing, cellpadding,width and border attributes.


  8. Use css properties like font-size, font-family and font-weight.

Output:


Task:2
Creating table using rowspan and colspan options.(from reference image)

                   

Steps:

  1. Create a table using <table> tag with style.
  2. Create table headings using <th> tag and insert text data.
  3. Create table data using <td> tag and insert cell data as shown in fig.
  4. Use rowspan and colspan to merge table cells.

Output:














Subscribe to: Posts (Atom)