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

Elements and Attributes

Task:1[ HTML Different Elements ]

Study the below elements and use all of them in your webpage with details of the element that you used.
Write a paragraph about your any favourite thing(like hero, heroin, politician, food, planet, god...) and use all these in that paragraph and heighlit in the output that where your used the below tags.
  • <Div>
  • <Span>
  • <P>
  • <Br>
  • <a>
  • <b>
  • <strong>
  • <i>
  • <em>
  • <mark>
  • <small>
  • <del>
  • <ins>
  • <sub>
  • <sup>
  • <q>

Steps:

  1. Create some divisions with div tag and specify with different background-colors.
  2. Create some paragraphs using p tag and enter some data.
  3. Use all the above mentioned tags with in the paragraphs.
  4. Make a heading to each paragraph to specify which tag was used in that particular paragraph.
  5. Using padding, margin-bottom and margin-top options make it well displayed form.
  6. Make an hyperlink for heading1 with help of a tag to redirect to www.trubomodus.com

Code:



Output:

Task:2[ Attributes ]

  • <href>
  • <img>
  • <src>
  • <width>
  • <height>

Steps:

  1. Insert images using img tag and make those in center position of web page.
  2. Make some of those images as link to some websites.
  3. Create some paragraphs to give description about images.
  4. Make heading to all images.
  5. Make changes in font style and size.

Code:




Output:

Subscribe to: Posts (Atom)