HTML & CSS

This article will show you how you can learn HTML and CSS to build a website or web pages. In this section, you will get complete overview to srart learning HTML and CSS.

What is HTML?

HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. HTML is the combination of Hypertext and Markup language. Hypertext defines the link between the web pages. A markup language is used to define the text document within tag which defines the structure of web pages.

HTML is a markup language that is used by the browser to manipulate text, images, and other content to display it in the required format.

HTML Example

Lets see a small example of a simple HTML page that displays the heading and paragraph content.

                
                    <!DOCTYPE html>
                    <html>
                    
                    <head>
                        <title>Simple HTML Page</title>
                    </head>
                    
                    <body>
                        <h1>Welcome to GeeksforGeeks</h1>
                    
                        <p>A computer science portal for geeks</p>
                    </body>
                    
                    </html>

Output

Why HTML is used?

It is a simple markup language and its implementation is easy.
It is used to create a website structure.
It helps in developing fundamentals about web programming.
Provides a foundation for creating accessible web content.
Universally understood by browsers, ensuring widespread compatibility.

What is CSS?

CSS (Cascading Style Sheets) is a stylesheet language used to design the webpage to make it attractive. The reason for using CSS is to simplify the process of making web pages presentable. CSS allows you to apply styles to web pages. More importantly, CSS enables you to do this independent of the HTML that makes up each web page.

CSS Example

                
                    body {
                        text-align: center;
                    }
              
                    h1 {
                        color: green;
                    }

Output

Why CSS is used?

Styles HTML to enhance visual presentation.
Separates content (HTML) from styling (CSS).
Ensures a uniform look across web pages.
Enables adaptable layouts for different device
Facilitates interactive features, improving user experience.