Home About
Basics Of Web Development
1, HTML
1.1 Tags
1.2 Getting Started
1.3 How to write "Hello World"
1.4 The header tag
1.5 Inserting images
1.6 Inserting audio and video
1.7 Buttons
1.8 Links
1.9 Inputs
IDEs
2, CSS
2.1 Width and height
2.2 Font Properties
2.3 More Background Properties
2.4 The Hover Effect
2.5 Transitions
2.6 Selectors
2.7 Borders
2.8 Border Radius
2.9 Box Shadow
2.10 Overwriting
2.11 Positions
2.12 Flex and Grid
2.13 Z-index
2.14 :nth-child()
2.15 Outline
2.16 Transform
2.17 Animations
2.18 Before and After
2.19, Linking CSS files
Farewell

1, HTML

1.1, Tags

Tags are words that command the way we see things on the web browser.
For example: <h1> Hello World</h1> , here h1 is a tag, and ' <,> and /' are used to open and close the tag.
Tip: Web browser is a software that helps you to see what is on the internet or your PC.
And it is also used to run your HTML file. Some examples of web browsers are Chrome, Edge, Firefox,
Safari, Opera, ...

Opening and Closing tags.
Opened tags example: <html> , <body> , <head> , <h1> , <p> , <div>
Closed tags example: </html> , </body> , </head> , </h1> , </p> , </div>
So, the difference between opened and closed tag is just a simple character (/). We close our opened
tags by using '/'.

1.1.1, Attributes and values

Are words that define the tags that we have written.
For example <p class="my-text">Hey Guys</p> now here 'class' is called the 'attribute.' And "my-text" is called the 'value' of the attribute.

1.1.2, Elements

Elements are the combination of the tag (opening and closing), attributes and everything that is in between.
<h1 class="hello">Hi people</h1> All this is called an element.