Learn HTML5

19/10/2025

17/07/2025

Types of HTML Tags

12/07/2025

Different Headings

12/07/2025

Example on Div Tag

26/02/2025

Simple Radio Buttons

Choose your Sex/Gender :



Male

Female

Other

06/02/2025

Celebrating my 8th year on Facebook. Thank you for your continuing support. I could never have made it without you. 🙏🤗🎉

27/07/2023

Positioning Elements:

The key point for position values
(static, relative, absolute, fixed, sticky) is the reference which the element uses to move toward or away (top/bottom/left/right) from it.

1- Static ---> keep the element in normal flow of html file (default)

2- relative---> there reference point is it's origin place in the html file

3- absolute--->the reference point is the closest parent element with (relative/fixed/absolute) postion , parent elements with static position cant be it's reference point... if there's no such element it's reference will be the html element.

4- fixed---> the reference point here is the view port (certain coordinate on your window) and since your screen don't move when you scroll so the element too will not move (fixed).

5- sticky---> it's a mix of relative and fixed position where your reference point is certain point on your window (view port) also you can move away from it but only in one direction.

Note: reference point is the point which the element use to move relatively to it.

12/07/2023

city {
background-color: blue;
color: white;
margin:20px;
padding: 10px;
}
p{
margin:20px;
}




Using the class Attribute
Use CSS to style elements with the class name "city":

Delhi
Delhi is the capital of India.

Kathmandu
Kathmandu is the capital of Nepal.

Ottawa
Ottawa is the capital of Canada.

07/07/2023

https://www.facebook.com/groups/3130475883922809/?ref=share