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

CSS: Backgrounds(repeat, x-axis, y-axis)

Task:1
           Simple HTML page with background styles with head, body and table and divs.
           Backgrounds:
                  1. Background-color: Apply different background colors for head, body and table.
                  2. Background-Image: Apply background image for the background of the page.
                  3. Background-repeat: Use small image and repeat it as full background of the page.
                  4. Background-repeat-x-axis: Repeat the background image in x-axis direction.
                  5. Background-repeat-y-axis: Repeat the background image in y-axis direction.

 Code:1
          
            

Output:
             




Code:2

Output:
            

Code:3
            
Output:
            



Code:4
            
Output:
            
Task:2
           Use different colors in your web page for header tags
            Color:
                1. Background color:
                2. Text Color:
                3. Different color methods:
                     a. Hexadecimal colors
                     b. RGB colors
                     c. RGBA colors
                     d. HSL colors
                     e. HSLA colors
                4. Identify color using photoshop and colorpicker.

 Code:
           

Output:
             


Subscribe to: Posts (Atom)