What is html and what are the Basic Structure of html?

by

What is html?

HTML, or HyperText Markup Language, is the standard markup language used to create and design the structure of web pages. It is the basic building block of web development and is used in conjunction with Cascading Style Sheets (CSS) and JavaScript to create visually appealing and interactive web pages.

HTML consists of a series of elements, each represented by tags, which are enclosed in angle brackets. These tags define the structure of the content on a web page. For example, the tag typically contains meta-information about the document, such as the title and links to stylesheets, while the tag contains the main content of the page.

HTML Editors

 HTML Using Notepad or TextEdit,vishual Code

Html be created web

  • However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit.
  • We believe that using a simple text editor is a good way to learn HTML.
  • Follow the steps below to create your first web page with Notepad or TextEdit.

Basic Structure of html

The basic structure of an HTML (Hypertext Markup Language) document consists of several key elements. Here’s a simple template to illustrate the typical structure:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Page Title</title>
    <!-- Additional meta tags, stylesheets, and scripts can be included here -->
</head>
<body>
    <!-- Content of your webpage goes here -->

    <h1>Hello, World!</h1>
    <p>This is a simple HTML document.</p>

    <!-- Additional HTML elements and content -->

    <!-- Scripts can be included at the end of the body for better performance -->
    <!-- <script src="your-script.js"></script> -->
</body>
</html>

Let’s break down the structure:

  1. <!DOCTYPE html>: This declaration defines the document type and version of HTML. It helps browsers render the page correctly.
  2. <html lang="en">: The root element of the HTML document. The “lang” attribute specifies the language of the document.
  3. <head>: Contains meta-information about the HTML document, such as character set, viewport settings, and the title of the page.
  4. <meta charset="UTF-8">: Specifies the character encoding for the document. UTF-8 is widely used and supports a broad range of characters.
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">: Sets the viewport settings for responsive design on various devices.
  6. <title>Your Page Title</title>: Sets the title of the webpage, which appears in the browser tab.
  7. <body>: Contains the content of the HTML document, such as text, images, links, and other elements.
  8. <h1> to <p>: Example content within the body. You can add various HTML elements to structure and format your content.
  9. <script>: JavaScript files or code can be included here. It’s often recommended to place scripts at the end of the body for better page loading performance.

Leave a Comment