Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Which is the best tutorial site to learn HTML?
HTML stands for Hyper Text Markup Language, which is the most widely used language on the web to develop web pages. HTML was created by Tim Berners-Lee in late 1991, and "HTML 2.0" was the first standard HTML specification published in 1995. HTML 4.01 was a major version published in late 1999. The current version is HTML5, which is an extension of HTML 4.01 and was officially published in 2012.
What Does HTML Look Like?
HTML uses a system of tags to structure content on a web page. Here is a basic example of an HTML page −
<!DOCTYPE html> <html> <head> <title>My First Page</title> </head> <body> <h1>Hello, World!</h1> <p>This is my first HTML page.</p> </body> </html>
This creates a simple web page with a heading and a paragraph. Every HTML page follows this basic structure with <html>, <head>, and <body> tags.
HTML Topics to Learn
To learn HTML, you can refer to the HTML Tutorial on TutorialsPoint. It covers all the essential concepts needed to build web pages −
- Basic Tags − Headings, paragraphs, and line breaks
- Elements & Attributes − Building blocks of HTML and their properties
- Phrase & Meta Tags − Semantic text formatting and page metadata
-
Images − Embedding images using
<img>tag - Tables − Organizing data in rows and columns
- Lists − Ordered, unordered, and description lists
- Iframes − Embedding external content within a page
- Blocks − Block-level and inline elements for layout
- Fonts − Controlling text appearance
- Forms − Collecting user input with input fields and buttons
- Style Sheets − Applying CSS for visual styling
Example: HTML with Image and Link
Here is an example that demonstrates how to add an image and a hyperlink in HTML −
<!DOCTYPE html>
<html>
<head>
<title>Image and Link Example</title>
</head>
<body>
<h2>Learn HTML</h2>
<p>HTML is easy to learn. Visit the link below:</p>
<a href="https://www.tutorialspoint.com/html/index.htm">
HTML Tutorial
</a>
<p>Here is a sample image:</p>
<img src="https://www.tutorialspoint.com/images/logo.png"
alt="TutorialsPoint Logo" width="200">
</body>
</html>
This page displays a heading, a clickable link to the HTML tutorial, and an image with a specified width.
Example: HTML Form
Forms are one of the most important HTML concepts. Here is a simple form example −
<!DOCTYPE html>
<html>
<head>
<title>Simple Form</title>
</head>
<body style="font-family: Arial, sans-serif; padding: 20px;">
<h2>Contact Form</h2>
<form action="" method="post">
<label>Name:</label><br>
<input type="text" name="name" style="padding: 5px; margin-bottom: 10px; width: 250px;"><br>
<label>Email:</label><br>
<input type="email" name="email" style="padding: 5px; margin-bottom: 10px; width: 250px;"><br>
<label>Message:</label><br>
<textarea name="message" rows="4" cols="30" style="padding: 5px; margin-bottom: 10px;"></textarea><br>
<input type="submit" value="Send" style="padding: 6px 16px; cursor: pointer;">
</form>
</body>
</html>
This creates a basic contact form with text input, email input, a textarea, and a submit button.
Conclusion
HTML is the foundation of web development, and learning it is the first step toward building websites. The TutorialsPoint HTML Tutorial covers everything from basic tags and elements to forms, tables, and styling − making it a comprehensive resource for beginners and intermediate learners alike.
227 Views
