What is HTML ?
HTML stands for Hypertext Markup Language. It is a markup language used to create web pages and applications that can be displayed on the internet.
HTML consists of a set of elements that are used to structure the content of a web page. These elements can be used to define headings, paragraphs, lists, links, images, videos, tables, forms, and other types of content.
When a web browser reads an HTML document, it interprets the markup and displays the content according to the defined structure. HTML also allows for the inclusion of CSS (Cascading Style Sheets) and JavaScript, which can be used to add style and interactivity to a web page.
Structure of HTML :-
HTML documents consist of several components that work together to create a web page. The main components of an HTML document are:
- Document Type Declaration (DTD): This is the first line of an HTML document and specifies the version of HTML being used.
- HTML Element: This is the root element of an HTML document and contains all other elements of the document.
- Head Element: This element contains meta information about the document, such as the title of the page and links to CSS and JavaScript files.
- Body Element: This element contains the main content of the web page, such as text, images, and other media.
- Element Tags: HTML uses tags to define the different elements of a web page. Tags are enclosed in angle brackets and may have attributes that provide additional information about the element.
- Attributes: Attributes provide additional information about an element and are specified within the opening tag of an element
Here's an example of a basic HTML structure:
<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to my Web Page</h1>
<p>This is the main content of my web page.</p>
</body>
</html>
In this example, the HTML document starts with a Document Type Declaration that specifies the HTML version. The html element is the root element of the document and contains the head and body elements. The head element contains the title element, which provides a title for the web page. The body element contains the main content of the web page, which includes an h1 element for the page heading and a p element for the main text content.
What is CSS ?
CSS stands for Cascading Style Sheets. It is a style sheet language used to describe the presentation and styling of HTML and other markup languages. CSS allows web developers to separate the presentation of a web page from its content, making it easier to update and maintain the styling of a website.
CSS consists of a set of rules that define how elements of an HTML document should be displayed. These rules are applied to elements using selectors, which identify the elements to which the rules should be applied. CSS rules can be used to set properties such as font size, color, layout, positioning, and animation
Types Of CSS:-
There are three main types of CSS:
Inline CSS: Inline CSS is applied directly to HTML elements using the style attribute. Inline CSS is not recommended for large-scale projects, but it can be useful for quickly applying styles to individual elements. Here's an example:
<h1 style="color: blue;">Hello, World!</h1>
Embedded CSS: Embedded CSS is included within the head section of an HTML document using the style element. This method allows you to apply styles to multiple elements within the document. Here's an example:
<head>
<style>
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
</body>
External CSS: External CSS is stored in a separate CSS file and linked to the HTML document using the link element. This method is recommended for large-scale projects because it allows you to keep your styles separate from your HTML code, making it easier to maintain and update your website. Here's an example:
<!-- In the head section of HTML -->
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<!-- In the external CSS file (styles.css) -->
h1 {
color: blue;
}
These techniques are designed to make it easier to write and maintain CSS code.
