Home HTML HTML Introduction

HTML Introduction

HTML

HTML, or Hypertext Markup Language, is the standard language used to create web pages. It is a markup language. HTML is used to create the structure and layout of a web page, and it is the foundation on which a website is built. It is a markup language, which means it uses tags to define different elements on a page, such as headings, paragraphs, and links. These tags provide a way to create headings, paragraphs, lists, images, tables, forms, and other types of content on a web page.

HTML is supported by all web browsers, so it is a widely-used and accessible technology for creating web pages. Additionally, HTML allows developers to create web pages that are accessible to users with disabilities, as it provides a way to add alternative text to images and create structured headings and lists.

Code Example

				
					<!DOCTYPE html>
<html>
<head>
  <title>My First HTML Page</title>
</head>
<body>
  <h1>Welcome to my website!</h1>
  <p>This is my first webpage created using HTML.</p>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
  <img decoding="async" src="image.jpg" alt="A picture of a cat">
  <a href="https://www.example.com">Click here to visit my website</a>
</body>
</html>

				
			

Basic HTML Tags

This example includes a few basic HTML tags to create a simple webpage:

  • The <!DOCTYPE> declaration defines the document type and version of HTML used in the page.
  • The <html> tag defines the beginning and end of the HTML document.
  • The <head> tag contains information about the document, such as the title of the page, which is displayed in the browser’s title bar.
  • The <body> tag contains the content of the webpage, such as headings, paragraphs, lists, images, and links.
  • The <h1> tag is used to create a level-1 heading, which is the largest and most important heading on the page.
  • The <p> tag is used to create a paragraph of text.
  • The <ul> tag creates an unordered list, with bullet points.
  • The <li> tag creates a list item.
  • The <img> tag is used to insert an image. It requires the “src” attribute to specify the URL of the image, and the “alt” attribute to provide alternative text for the image.
  • The <a> tag creates a hyperlink, with the “href” attribute specifying the URL of the linked page.

Note that this is just a simple example and there are more elements and attributes in HTML that can be used to create more complex web pages.

Scroll to Top