Subscribe
Course Content
About HTML and History
HTML, or HyperText Markup Language, is the standard markup language used to create and design web pages. It forms the structural foundation of websites, allowing developers to organize content, embed multimedia, and link web pages seamlessly. History of HTML: 1989: Tim Berners-Lee proposed the idea of a "hypertext system" while working at CERN. 1991: The first version of HTML was introduced with 18 tags. 1995: HTML 2.0 was released, establishing formal specifications. 1997-1999: HTML 3.2 and HTML 4.01 introduced styling and scripting support. 2014: HTML5 became the latest standard, offering robust support for multimedia, semantics, and APIs. Today, HTML continues to evolve, adapting to the needs of modern web development, making it a core technology alongside CSS and JavaScript.
0/2
Introduction to HTML
00:00
How to Change Font Styles in HTML: A Complete Guide | Hindi tutorial |
00:00
HTML Full Tutorial
About Lesson
  • What is HTML?

HTML (HyperText Markup Language) is the standard language used to create and design the structure of web pages. It defines the content and layout of a webpage using elements called tags, which the browser interprets to display text, images, videos, and other multimedia.

Key Features of HTML

  1. Structure: HTML provides the framework for organizing content like headings, paragraphs, lists, links, and tables.
  2. Cross-Browser Support: HTML works consistently across different web browsers.
  3. Media Integration: It allows embedding multimedia elements like images, audio, and videos.
  4. Interactivity: HTML, combined with CSS and JavaScript, enables dynamic and interactive webpages.
  • Structure of an HTML document
  • Basic tags: <html>, <head>, <body>

    How It Works

    An HTML document consists of tags enclosed in angle brackets (< >). These tags define elements and attributes to format and structure the page. For example:
    how html works

    Explanation

    1. <!DOCTYPE html>

    • Declares the document type.
    • Tells the browser that the document is written in HTML5.
    • It’s not a tag but a declaration required for proper rendering of the page.

    2. <html>

    • This is the root element of the HTML document.
    • All other tags and content are nested inside this tag.

    3. <head>

    • Contains metadata about the HTML document (information not displayed directly on the webpage).
    • Example of metadata: the title of the page, links to stylesheets, or scripts.

    4. <title>Welcome</title>

    • Specifies the title of the webpage.
    • This text appears on the browser tab when the page is open.
    • Example: If you visit this webpage, the browser tab will display “Welcome.”

    5. <body>

    • Contains the visible content of the webpage.
    • Anything inside this tag is displayed to the user in the browser window.

    6. <h1>Hello, World!</h1>

    • <h1> is a heading tag, representing the most important heading on the page.
    • “Hello, World!” will be displayed as a large, bold heading.
    • HTML supports six heading levels: <h1> to <h6>, with <h1> being the largest and most important.

    7. <p>Cyber Tech Creations.</p>

    • <p> defines a paragraph.
    • Displays the text “Cyber Tech Creations.” as a block of text below the heading.

    How It Looks in a Browser

    1. The browser renders “Hello, World!” as a large, bold heading.
    2. Below it, the browser shows the text “Cyber Tech Creations.” in regular paragraph style.

Previous
Next