130 views
Difference between HTML and CSS
HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets) are two different technologies used in web development, and they serve distinct purposes:
HTML:
- Purpose: HTML is a markup language used to structure the content of a webpage. It defines the layout and elements of the web page, such as headings, paragraphs, images, links, tables, forms, and more.
- Role: HTML is responsible for creating the skeleton or structure of the webpage, providing meaning and organization to the content.
- Syntax: HTML uses tags (enclosed in angle brackets) to define different elements. Each tag has a specific purpose and semantic meaning, and they are used to enclose content or define attributes for elements.
Example HTML code:
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph.</p>
<img src="example.jpg" alt="Example Image">
<a href="https://example.com">Visit Example Website</a>
</body>
</html>CSS:
- Purpose: CSS is a stylesheet language used to style and present the HTML content. It allows you to control the visual appearance of the webpage, such as colors, fonts, layouts, spacing, and more.
- Role: CSS is responsible for enhancing the presentation of the webpage and making it visually appealing to users.
- Syntax: CSS uses property-value pairs to define styles. Styles are applied to HTML elements using selectors, which target specific elements or groups of elements.
Example CSS code:
h1 {
color: #007bff;
font-family: Arial, sans-serif;
}
p {
font-size: 16px;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
color: #ff0000;
}In summary, HTML creates the structure and content of a webpage, while CSS adds style and presentation to that content. Together, HTML and CSS work in harmony to create visually appealing and well-structured webpages that deliver a positive user experience.