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

List

Task:1

Display as follows
  1. Ordered List
  2. Unordered List

Steps:

  1. Create an headings using h1 tag and removed bold option wiht "font-weight:normal" option within style sheet.
  2. Create unorder list using ul tag and insert list of elements using li tag.
  3. Create ordered list using ol tag and insert list of elements using li tag.
  4. Change the bullet shape using "list-style-type:disc" in inline css.
  5. By using "padding-left" in inline css change structure of list according to the input image.

Code:

Output:

Task:2

Marquee tag: Scroll an image or text in a webpage.
  • Width
  • Height
  • Direction

Steps:

  1. By using marquee tag create a line of text that is floating from right to left.
  2. Make changes on font-family as arial, font-size, color and margin.
  3. Insert an image using img tag and make it move like a marquee using marquee tag.
  4. Create few more marquee with different directions using direction option in style sheet.
  5. By using "scrollamount and scrolldelay" options make some changes in speed of the marquee movement.
  6. Detailed description is provided in marquee tag along with images.

Code:

Output:

Subscribe to: Posts (Atom)