Basics of HTML and CSS

#webdev #frontend #html #css

Difference between HTML and CSS
HTML (HyperText Markup Language) and CSS (Cascading Style Sheets) are the foundational technologies for creating web pages. HTML provides the structure, while CSS defines the style and layout. HTML is used along with CSS and Javascript to design web pages.

HTML (HyperText Markup Language)
HTML is the standard markup language used to create web pages. It structures the content by using elements such as headings, paragraphs, lists, links, images, and more. HTML elements are the building blocks of web pages, allowing developers to embed multimedia, create forms, and design the overall layout.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>GeeksforGeeks</title>
</head>
<html>

<body>
    <h1>Welcome to GeeksForGeeks</h1>
</body>

</html>

</html>

CSS (Cascading Style Sheets)
CSS stands for Cascading Style Sheets and it is used to style web documents. It is used to provide the background color and is also used for styling. It controls the layout, colors, fonts, and overall look of a web page. CSS is also recommended by World Wide Web Consortium (W3C). It can also be used along with HTML and Javascript to design web pages.

<html>
<head>
    <style>
        body {
            background-color: red;
        }
    </style>
</head>

<body>
    <h1>Welcome to GeeksForGeeks!</h1>

    <p>This page has red background color</p>
</body>
</html>

What is a Markup Language?
When we start learning web development, one of the first words we hear is Markup Language.
But what does it actually mean?

Imagine This First

Suppose you write notes in a notebook.

You might: