π Introduction to HTML
HTML, or HyperText Markup Language, is the standard markup language for creating web pages. It provides the structure for content that is displayed in a web browser. Think of it as the skeleton upon which the visual aspects (handled by CSS) and interactive elements (handled by JavaScript) are built.
π History and Background
HTML was created by Tim Berners-Lee in 1990 while working at CERN. He envisioned a way for researchers to easily share documents over the internet. Since then, it has evolved through various versions, with HTML5 being the current standard, offering enhanced features and capabilities.
π Key Principles of HTML
- 𧱠Elements: ποΈ HTML documents are composed of elements, which are defined by start and end tags. For example,
<p> marks the beginning of a paragraph, and </p> marks its end.
- π¦ Tags: π·οΈ Tags are keywords enclosed in angle brackets (
< and >). They instruct the browser on how to display the content.
- π§° Attributes: π§ Attributes provide additional information about HTML elements. They are specified within the start tag and consist of a name and a value, like
<a href="https://www.eokultv.com">.
- π³ Structure: ποΈ A basic HTML document has a specific structure, starting with
<!DOCTYPE html>, followed by the <html>, <head>, and <body> elements.
βοΈ Creating Your First Webpage Structure
Let's create a simple HTML page. Here's the basic structure:
<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first webpage.</p>
</body>
</html>
Here's a breakdown:
- π
<!DOCTYPE html>: π This declaration defines the document type as HTML5.
- π
<html>: π The root element of the HTML page.
- π§
<head>: βοΈ Contains meta-information about the HTML document, such as the title.
- π·οΈ
<title>: π Specifies a title for the HTML page (which is shown in the browser's title bar or tab).
- : π¨ Contains the visible page content.
- ποΈ
<h1>: π° Defines a large heading.
- π
<p>: βοΈ Defines a paragraph.
π Real-World Examples
HTML is used everywhere on the internet. From simple blogs to complex e-commerce sites, HTML provides the backbone for structuring content. Frameworks like React, Angular, and Vue.js leverage HTML to create dynamic and interactive user interfaces.
π‘ Conclusion
Understanding HTML basics is crucial for anyone venturing into web development. With its straightforward syntax and well-defined structure, HTML provides a solid foundation for building compelling and accessible web content. Start experimenting with different elements and attributes to deepen your understanding. Happy coding!