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

Google Home Page

Class:

  1. PULL and PUSH.
  2. Control System.
  3. Memorise and Derived.

Task:1

Display Google Home Page as shown in figure.

Steps:

  1. Take a pragraph using p tag and enterd Google.
  2. Using span tag to each letter in Google and change its style according to given input image.
  3. Take a text box using input type="text" tag and increase padding and width of the text box.
  4. Remove the box-shadow and outline using css properties i.e. box-shadow:none and outline:none.
  5. Take two buttons using input type="button" tag and remove the border.
  6. Increase the border radius, padding, background-color and margin according to input image.

Code:

Output:

Subscribe to: Posts (Atom)