WikiGalaxy
HTML Introduction
What is HTML?
HTML, or HyperText Markup Language, is the standard language used to create web pages. It provides the structure for web content and uses tags to define elements such as headings, paragraphs, links, images, and more.
Basic Structure of an HTML Document
An HTML document typically starts with a doctype declaration, followed by the <html> tag, which contains the <head> and <body> sections.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
HTML Tags and Elements
HTML tags are used to create HTML elements. Each element is defined by a start tag, content, and an end tag. For example, the <p> tag is used to define a paragraph.
<p>This is a paragraph.</p>
Attributes in HTML
HTML elements can have attributes that provide additional information about the element. Attributes are always specified in the start tag and usually come in name/value pairs like name="value".
<a href="https://www.example.com">Visit Example</a>
Common HTML Tags
Some common HTML tags include:
<h1> to <h6>: Heading tags<p>: Paragraph tag<a>: Anchor tag for links<img>: Image tag<div>: Division tag
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<a href="https://www.example.com">This is a link</a>
The HTML(Hyper Text MarkUP Language) is the foundation of web development—the standard markup language used to structure and present content on the Web. Whether you're building a personal blog or the next big startup's website, HTML is your starting point!
Why Learn HTML?
- Universal Skill Every website uses HTML. Learning HTML unlocks the door to web development.
- Easy to Start HTML has a simple syntax, making it perfect for beginners.
- Creative Freedom Design and structure web pages exactly as you imagine.
HTML Friendly Insights:
HTML Basic Structure
<!DOCTYPE html>
<html>
<head>
My Web Page</title >
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>HTML is fun and easy to learn.</p>
</body>
</html>
HTML Concepts You’ll Master
- HTML Elements: Tags that define content (
<h1>,<p>,<a>, etc.) - Attributes: Add extra information to elements (e.g.,
<img src="image.jpg">) - Empty Elements: Elements without closing tags (e.g.,
<br>for line breaks) - HTML Elements: Tags that define content (
<h1>,<p>,<a>, etc.) - HTML Versions: From Tim Berners-Lee's invention in 1991 to the latest HTML5 standard.
HTML Heading with Paragraph
1. Create a wikidemo.html
2. Press-Alt + L + O
<!DOCTYPE html>
<html>
<body><h1>Hello, World!</h1>
<p>HTML is the language of the web.</p>
</body>
</html>Output:
Now U'll be able to see the html on localhost:3000
Adding Links
The ArrayList class implements the List interface. It uses a dynamic array to store the duplicate elements.
<!DOCTYPE html>
<html>
<body>
<a href="https://www.wikigalaxy.in">Visit WikiGalaxy</a>
</body>
</html>
Headings and Paragraphs
This example demonstrates the use of headings (<h1> to <h6>) and paragraphs (<p>).
<!DOCTYPE html>
<html lang="en">
<head>
<title>Headings and Paragraphs</title>
</head>
<body>
<h1>Main Heading</h1>
<h2>Subheading</h2>
<p>This is a paragraph explaining the content.</p>
<h3>Another Subheading</h3>
<p>Here is another paragraph with more details.</p>
</body>
</html>Output:
Press Alt+L+O & Check the browser at http://localhost:3000. U'll see your page.
HTML Through the Years
Year | Vision | ||
|---|---|---|---|
1991 |
| ||
1995 |
| ||
1994 |
| ||
2014 |
| ||
2017 |
|
HTML is your gateway to web development. With our step-by-step lessons and interactive examples, learning HTML will feel like an adventure. 🌟
