- Home
- HTML
-
CSS
- Introduction of CSS
- CSS Syntax
- CSS Selectors
- How To Add CSS
- CSS Comments
- CSS Colors
- CSS Backgrounds
- CSS Borders
- CSS Margins
- CSS Text
- CSS Lists
- CSS Tables
- CSS Box Model
- CSS Dimension
- CSS Padding
- CSS Border
- CSS Margin
- CSS Outline
- CSS Cursors
- CSS Overflow
- CSS Units
- CSS Visual Formatting
- CSS Display
- CSS Visibility
- CSS Position
- CSS Layers
- CSS Float
- CSS Alignment
- CSS Pseudo-classes
- CSS Pseudo-elements
- CSS Media Types
- CSS Sprites
- CSS Opacity
- CSS Attribute Selectors
- CSS Validation
- CSS3 Border
- CSS3 Gradients
- CSS3 Text Overflow
-
JavaScript
- JS Introduction
- JS Getting Started
- JS Syntax
- JS Variables
- JS Generating Output
- JS Data Types
- JS Operators
- JS Events
- JS Strings
- JS Numbers
- JS If Else
- JS Switch Case
- JS Arrays
- JS Sorting Arrays
- JS Loops
- JS Functions
- JS Objects
- JS DOM Nodes
- JS DOM Selectors
- JS DOM Styling
- JS DOM Get Set Attributes
- JS DOM Manipulation
- JS DOM Navigation
- JS Window
- JS Screen
- JS Location
- JS History
- JS Navigator
- JS Dialog Boxes
- JS Timers
- JS Date and Time
- JS Math Operations
- JS Type Conversions
- JS Event Listeners
- JS Event Propagation
- JS Borrowing Methods
- JS Hoisting Behavior
- JS Closures
- JS Strict Mode
- JS JSON Parsing
- JS Error Handling
- JS Regular Expressions
- JS Form Validation
- JS Cookies
- JS AJAX Requests
- JS ES6 Features
-
jQuery
- jQuery Introduction
- jQuery Syntax
- jQuery Selectors
- jQuery Events
- jQuery Show/Hide
- jQuery Fade
- jQuery Slide
- jQuery Animation
- jQuery Stop
- jQuery Chaining
- jQuery Callback
- jQuery Get/Set
- jQuery Insert
- jQuery Remove
- jQuery CSS Classes
- jQuery Style Properties
- jQuery Dimensions
- jQuery Traversing
- jQuery Ancestors
- jQuery Descendants
- jQuery Siblings
- jQuery Filtering
- jQuery Ajax
- jQuery Load
- jQuery Get/Post
- jQuery No-Conflict
-
PHP
- PHP Introduction
- PHP Install
- PHP Syntax
- PHP Comments
- PHP Variables
- PHP Echo / Print
- PHP Data Types
- PHP Strings
- PHP Constants
- PHP Operators
- PHP If...Else...Elseif
- PHP Switch
- PHP Loops
- PHP Functions
- PHP Arrays
- PHP Superglobals
- PHP Date and Time
- PHP Include
- PHP File Handling
- PHP File Upload
- PHP Cookies
- PHP Sessions
- PHP Filters
- PHP Callback Functions
- PHP JSON
- PHP Exceptions
- PHP What is OOP
- PHP Classes/Objects
- PHP Constructor
- PHP Destructor
- PHP Access Modifiers
- PHP Inheritance
- PHP Abstract Classes
- PHP Interfaces
- PHP Traits
- PHP Static Methods
- PHP Namespaces
-
SQL
- Introduction to SQL
- SQL Create Command
- SQL ALTER Command
- SQL Truncate Drop Rename
- INSERT SQL command
- UPDATE SQL command
- DELETE SQL command
- SQL COMMIT command
- SQL ROLLBACK command
- SQL GRANT and REVOKE Command
- SQL WHERE clause
- SQL LIKE clause
- SQL ORDER BY Clause
- SQL Group By Clause
- SQL HAVING Clause
- SQL DISTINCT keyword
- SQL AND OR operator
- SQL Constraints
- SQL Functions
- SQL JOIN
-
Python
- Getting started with Python
- Introduction to IDLE
- Python 2.x vs. Python 3.x
- Syntax Rules and First Program
- Numbers and Math Functions
- Python Operators
- Python Variables
- Python Modules and Functions
- Python Input and Output
- Data Types in Python
- String in Python
- String Functions in python
- Lists in Python
- Utilizing List Elements by Iterating
- Deleting List Elements & other Functions
- Dictionaries in Python
- Functions for Dictionary
- Tuples in Python
- Relational and Logical Operators
- Conditional Statements in Python
- Looping in Python
- Define Functions in Python
- Python-Introduction to OOP
- Object Oriented Programming in Python
- Classes in Python
- The concept of Constructor
- Destructors - Destroying the Object in Python
- Inheritance in Python
- Access Modifers in Python
- Types of Inheritance
- Method Overriding in Python
- Polymorphism
- static Keyword
- Operator Overloading Python
- Introduction to Error Handling
- Exception Handling: try and except
- Exeption Handling: finally
- Exception Handling: raise
- File Handling
- Reading and Writing File
- Introduction to Multithreading
- Threading Module in Python
- Thread Object
- Lock Object
- RLock Object
- Event Object
- Timer Object
- Condition Object
- Barrier Object
- __name__ Variable in Python
- Iterable and Iterator
- yield Keyword
- Python Generators
- Python Closures
- Python Decorators
- @property Decorator in Python
- Assert Statement
- Garbage Collection
- Shallow and Deep Copy
- Introduction to Logging
- Configure Log LEVEL, Format etc
- Python Logging in a file
- Python Logging Variable Data
- Python Logging Classes and Functions
- Python MySQL Introduction
- Create Database - Python MySQL
- Create Table - Python MySQL
- Insert Data in Table
- Select Data from Table
- Update data in Table
- Delete data from Table
- Drop Table from Database
- WHERE clause - Python MySQL
- Order By clause - Python MySQL
- Limit clause - Python MySQL
- Table Joins - Python MySQL
-
MongoDB
- MongoDB Introduction
- Overview of MongoDB
- MongoDB vs SQL Databases
- Advantages of MongoDB
- When to go for MongoDB
- Data Modelling in MongoDB
- Is MongoDB really Schemaless?
- Installing MongoDB on Windows and Linux
- Datatypes in MongoDB
- Create and Drop Database in MongoDB
- MongoDB: Creating a Collection
- CRUD Operations in MongoDB
- Data Relationships in MongoDB
- Indexing in MongoDB
- Sorting in MongoDB
- Aggregation in MongoDB
- Data Backup and Restoration in MongoDB
- Sharding in MongoDB
- Java Integration with MongoDB
-
Elixir
- Elixir Overview
- Elixir Environment
- Elixir Basic Syntax
- Elixir Data Types
- Elixir Variables
- Elixir Operators
- Elixir Pattern Matching
- Elixir Decision Making
- Elixir Strings
- Elixir Char Lists
- Elixir Lists and Tuples
- Elixir Keyword Lists
- Elixir Maps
- Elixir Modules
- Elixir Aliases
- Elixir Functions
- Elixir Recursion
- Elixir Loops
- Elixir Enumerables
- Elixir Streams
- Elixir Structs
- Elixir Protocols
- Elixir File I/O
- Elixir Processes
- Elixir Sigils
- Elixir Comprehensions
- Elixir Typespecs
- Elixir Behaviours
- Elixir Errors Handling
- Elixir Macros
- Elixir Libraries
-
TypeScript
- TypeScript Overview
- Install TypeScript
- First TypeScript Program
- Type Annotation
- TypeScript Variable
- TypeScript Data Type Number
- TypeScript Data Type String
- TypeScript Data Type Boolean
- TypeScript Arrays
- TypeScript Tuples
- TypeScript Enum
- TypeScript Union
- TypeScript Any Data Type
- TypeScript Void Data Type
- TypeScript Never Data Type
HTML Styles
Color, font, size, and other styles can be applied to an element using the HTML style attribute.
Example :
<!DOCTYPE html> <html> <body> <p>I am normal text</p> <p style="color:red;">I am red text</p> <p style="color:blue;">I am blue text</p> <p style="font-size:50px;">I am big text</p> </body> </html>
Output:
The HTML Style Attribute
The style attribute can be used to change the appearance of an HTML element.
The syntax for the HTML style attribute is as follows:
Syntax for style:
<tagname style="property:value;">
The property is a CSS property. The value is a CSS value.
Background color
The CSS background-color property specifies the colour of an HTML element's background.
Example:
Set the background color for a page to grey:
<!DOCTYPE html> <html> <body style="background-color:grey;"> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>
Output :
Example :
Set background color for two different elements:
<!DOCTYPE html> <html> <body> <body> <h1 style="background-color:red;">This is a heading</h1> <p style="background-color:green;">This is a paragraph.</p> </body> </body> </html>
Output :
Text Color
An HTML element's text colour is defined using the CSS colour property:
Example:
<!DOCTYPE html> <html> <body> <h1 style="color:blue;">This is a heading</h1> <p style="color:red;">This is a paragraph.</p> </body> </html>
Output :
Fonts
The font-family property in CSS specifies the type of font to use for an HTML element:
Example:
<!DOCTYPE html> <html> <body> <h1 style="font-family:verdana;">This is a heading</h1> <p style="font-family:courier;">This is a paragraph.</p> </body> </html>
Output :
Text Size
The font-size property in CSS determines the size of text in an HTML element:
Example:
<!DOCTYPE html> <html> <body> <h1 style="font-size:100%;">This is a heading</h1> <p style="font-size:160%;">This is a paragraph.</p> </body> </html>
Text Alignment
An HTML element's horizontal text alignment is defined via the CSS text-align property:
Example :
<!DOCTYPE html> <html> <body> <h1 style="text-align:center;">Centered Heading</h1> <p style="text-align:center;">Centered paragraph.</p> </body> </html>
Output:
