HTML Basic

In this Tutorial, you will learn HTML Basic

HTML, which stands for Hypertext Markup Language, is a markup language used to create the structure and layout of web pages. It uses a system of tags and attributes to define the different elements on a web page, such as headings, paragraphs, images, and links.

Here is a basic tutorial on HTML to get you started:

Step 1: Create a new text file on your computer using a text editor, such as Notepad or Sublime Text. Save the file with a .html file extension (e.g., “index.html”).

Step 2: Add the basic structure of an HTML document to your file. This includes the doctype declaration, which tells the web browser which version of HTML you are using; the head, which contains meta-information about the document; and the body, which contains the content that will be displayed on the web page.

<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>

</body>
</html>

Step 3: Add content to the body of your HTML document. You can use various HTML tags to create different types of content, such as headings, paragraphs, images, and links. Here is an example of a basic HTML document with some content:

<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>
    <h1>Welcome to My Web Page</h1>
    <p>This is a paragraph of text on my web page.</p>
    <img src="image.jpg" alt="A beautiful landscape">
    <a href="https://www.example.com">Link to another website</a>
</body>
</html>

Step 4: Open the HTML file in your web browser by double-clicking the file or by right-clicking the file and selecting “Open with” and then choosing your web browser. You should see the content that you added in the previous step displayed in the browser window.

Some of the tags you might use while building a webpage are:

  • h1, h2, h3, h4, h5, h6: used for headings
  • p: used for paragraphs
  • img: used for images
  • a: used for links
  • ul, ol, li: used for lists
  • div: used for container elements
  • span: used for small in-line elements
  • button: used for buttons
  • form: used for forms
  • input: used for input fields
  • select: used for dropdown menus
  • textarea: used for multi-line input fields

This is just a basic tutorial to get you started with HTML. As you continue to learn and explore web development, you’ll discover many more tags, attributes, and ways to style your page.

Scroll to Top