Learn about some HTML
Tags: html, webdev, beginners, programming
Published: 2024-07-07 14:45:15

What is Html?

HTML stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content

What is Hyper Text?

Hypertext is text which is not constrained to be linear. Hypertext is text which contains links to other texts. The term was coined by Ted Nelson around 1965 (see History ). Hyper Media is a term used for hypertext which is not constrained to be text: it can include graphics, video and sound , for example. Apparently Ted Nelson was the first to use this term too. Hypertext and Hyper Media are concepts, not products.

Example:-

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example</title>
  </head>
  <body>
    <h1>Heading</h1>
    <h2>Heading</h2>
    <h3>Heading</h3>
    <h4>Heading</h4>
    <h5>Heading</h5>
    <h6>Heading</h6>
    <p>
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque provident
      amet omnis voluptatem illo aliquam reprehenderit libero sed iste nesciunt,
      labore tenetur! Accusamus doloribus saepe quod animi molestias, et
      placeat!
    </p>
    <a href="http://www.instagram.com" target="_blank" rel="noopener noreferrer"
      >instagram</a
    ><br />
    <a href="./Index.html">next program</a><br />
    <a href="mailto:rajputshubhamsingh782@gmail.com">Mail</a><br />
    <a href="tel:+7325009334">call me</a><br />
    <a
      href="http://www.google.com"
      target="_blank"
      rel="noopener noreferrer"
      title="google"
      >google</a
    ><br />
  </body>
</html>

Output:-

Heading

Heading

Heading

Heading

Heading

Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque provident amet omnis voluptatem illo aliquam reprehenderit libero sed iste nesciunt, labore tenetur! Accusamus doloribus saepe quod animi molestias, et placeat!

instagram
next program
Mail
call me
google

WWWPrpject:-

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WWW Projects</title>
  </head>
  <body>
    <h1>World Wide Web</h1>
    <p>
      The WorldWideWeb (W3) is a wide-area
      <a
        href="https://info.cern.ch/hypertext/WWW/WhatIs.html"
        target="_blank"
        rel="noopener noreferrer"
        >hypermedia</a
      >
      information retrieval initiative aiming to give universal access to a
      large universe of documents.
    </p>
    <p>
      Everything there is online about W3 is linked directly or indirectly to
      this document, including an
      <a
        href="https://info.cern.ch/hypertext/WWW/Summary.html"
        target="_blank"
        rel="noopener noreferrer"
        >executive summary</a
      >
      of the project,<a
        href="https://info.cern.ch/hypertext/WWW/Administration/Mailing/Overview.html"
        target="_blank"
        rel="noopener noreferrer"
      >
        Mailing lists ,</a
      >
      <a
        href="https://info.cern.ch/hypertext/WWW/Policy.html"
        target="_blank"
        rel="noopener noreferrer"
        >Policy ,</a
      >
      November'<a
        href="https://info.cern.ch/hypertext/WWW/News/9211.htm"
        target="_blank"
        rel="noopener noreferrer"
        >W3 news ,</a
      >
      <a
        href="https://info.cern.ch/hypertext/WWW/FAQ/List.html"
        target="_blank"
        rel="noopener noreferrer"
      >
        Frequently Asked Questions </a
      >.
    </p>
    <!-- ------------------------------------------------------------------------------------------------- -->
    <a
      href="https://info.cern.ch/hypertext/DataSources/Top.html"
      target="_blank"
      rel="noopener noreferrer"
      >What's out there?
    </a>
    <p>
      &nbsp;&nbsp;&nbsp; Pointers to the world's online information,<a
        href="https://info.cern.ch/hypertext/DataSources/bySubject/Overview.ht"
        target="_blank"
        rel="noopener noreferrer"
      >
        subjects ,</a
      >
      <a
        href="https://info.cern.ch/hypertext/DataSources/WWW/Servers.html"
        target="_blank"
        rel="noopener noreferrer"
        >W3 servers,</a
      >
      etc.
    </p>
    <a
      href="https://info.cern.ch/hypertext/WWW/Help.html"
      target="_blank"
      rel="noopener noreferrer"
      >Help</a
    >
    <p>&nbsp;&nbsp;&nbsp; on the browser you are using</p>
    <a
      href="https://info.cern.ch/hypertext/WWW/Status.html"
      target="_blank"
      rel="noopener noreferrer"
      >Software Products</a
    >
    <p>
      &nbsp;&nbsp;&nbsp; A list of W3 project components and their current
      state. (e.g.
      <a
        href="https://info.cern.ch/hypertext/WWW/LineMode/Browser.htm"
        target="_blank"
        rel="noopener noreferrer"
        >Line Mode ,</a
      >
      X11
      <a
        href="https://info.cern.ch/hypertext/WWW/Status.html#35"
        target="_blank"
        rel="noopener noreferrer"
        >Viola ,</a
      ><a
        href="https://info.cern.ch/hypertext/WWW/NeXT/WorldWideWeb.htm"
        target="_blank"
        rel="noopener noreferrer"
      >
        NeXTStep ,</a
      >
      <a
        href="https://info.cern.ch/hypertext/WWW/Daemon/Overview.html"
        target="_blank"
        rel="noopener noreferrer"
      >
        Servers ,</a
      ><a
        href="https://info.cern.ch/hypertext/WWW/Tools/Overview.htm"
        target="_blank"
        rel="noopener noreferrer"
      >
        Tools ,
      </a>
      <a
        href="https://info.cern.ch/hypertext/WWW/MailRobot/Overview.html"
        target="_blank"
        rel="noopener noreferrer"
        >Mail robot ,</a
      ><a
        href="https://info.cern.ch/hypertext/WWW/Status.html#57"
        target="_blank"
        rel="noopener noreferrer"
      >
        Library
      </a>
      )
    </p>
    <!-- ---------------------------------------------------------------------------------- &nbsp;&nbsp;&nbsp;   -->

    <a
      href="https://info.cern.ch/hypertext/WWW/Technical.html"
      target="_blank"
      rel="noopener noreferrer"
      >Technical</a
    >
    <p>
      &nbsp;&nbsp;&nbsp;Details of protocols, formats, program internals etc
    </p>
    <a
      href="https://info.cern.ch/hypertext/WWW/Bibliography.html"
      target="_blank"
      rel="noopener noreferrer"
      >Bibliography</a
    >
    <p>&nbsp;&nbsp;&nbsp;Paper documentation on W3 and references.</p>
    <a
      href="https://info.cern.ch/hypertext/WWW/People.html"
      target="_blank"
      rel="noopener noreferrer"
      >People</a
    >
    <p>&nbsp;&nbsp;&nbsp;A list of some people involved in the project.</p>
    <a
      href="https://info.cern.ch/hypertext/WWW/History.html"
      target="_blank"
      rel="noopener noreferrer"
      >History</a
    >
    <p>&nbsp;&nbsp;&nbsp;A summary of the history of the project.</p>
    <a
      href="https://info.cern.ch/hypertext/WWW/Helping.html"
      target="_blank"
      rel="noopener noreferrer"
      >How can I help ?</a
    >
    <p>&nbsp;&nbsp;&nbsp;If you would like to support the web..</p>
    <a
      href="https://info.cern.ch/hypertext/README.html"
      target="_blank"
      rel="noopener noreferrer"
      >Getting code</a
    >
    <p>
      &nbsp;&nbsp;&nbsp;Getting the code by
      <a
        href="https://info.cern.ch/hypertext/WWW/LineMode/Defaults/Distribution.html"
        target="_blank"
        rel="noopener noreferrer"
        >anonymous FTP ,</a
      >
      etc.
    </p>
  </body>
</html>

Output:-

World Wide Web

The WorldWideWeb (W3) is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents.

Everything there is online about W3 is linked directly or indirectly to this document, including an executive summary of the project, Mailing lists ,Policy , November'W3 news ,Frequently Asked Questions .

What's out there?

Pointers to the world's online information, subjects ,W3 servers, etc.

Help

on the browser you are using

Software Products

A list of W3 project components and their current state. (e.g. Line Mode , X11 Viola ,NeXTStep ,Servers ,Tools ,Mail robot ,Library )

Technical

Details of protocols, formats, program internals etc

Bibliography

Paper documentation on W3 and references.

People

A list of some people involved in the project.

History

A summary of the history of the project.

How can I help ?

If you would like to support the web..

Getting code

Getting the code by anonymous FTP , etc.