Introduction to HTML

Hazrat Bilal July 28, 2023


HTML stands for Hypertext Markup Language

  • HTML is the language of  world wide web (Internet).
  • HTML was created by Tim Berners-Lee in 1991.

Hypertext:

    a text in web page when selected or clicked ,take us to a different webpage.

Markup:

     Instructions that specify how the content of a web page should be displayed in the web browser.

Language: The set of codes that comprise all the markup possibilities for a page.

HTML(HyperText Markup Language) 

    HTML is the set of markup symbols and codes placed in a file to display/show content on the web page. These markup symbols and codes have some special meaning and they are used for performing specific functionality. These symbols are used for

  • ·         Structural elements like paragraphs , headings , lists and tables
  • ·         Media such as images (graphics) , videos , audios.
  • ·         Taking inputs from users with Forms

The web browser interprets the markup code and renders the page and shows us the final content.

Tags:

HTML is the collection of markup codes called tags , that specify the structure of your web page.here  structure means anything from the overall layout of the page all the way down to a single word or even just a character or two. tags are  usually containers for text but there are some other tags which can contains links of other webpages and even can  contain other tags.

Most of the tags follow this type of format

< tag > content </ tag >

Tags name can be one-letter or two-letter abbreviations and some are entire words.

we always surround these codes with angle brackets <>; the brackets tell the web browser that it’s dealing with a chunk of HTML and not just some random text. The first of these codes  <tag> is called the start tag and it marks the opening of the container; the second of the codes  </tag>  is called the end tag and it marks the closing of the container. Note the extra slash (/) that appears in the end tag. In between you have the content, which refers to whatever is contained in the tag. There are tags for lots of other structures, including important text, paragraphs, headings, page titles, links, and lists. HTML is just the sum total of all these tags.


For example, we want to show “Hello world!” On the screen.for this we use p tag .p stands for paragraph.

<p> Hello world </p>

This p tag will show our message on the screen.


Attributes:

    Attributes are used in tags to modify the output or to add something special to the tag. it might be a way to change how the tag works. we modify a tag by adding one or more attributes to the start tag. Most attributes use the following generic syntax:

< tag attribute=”value” >

Here, we replace the attribute with the name of the attribute we want to apply to the tag, and we replace the value with the value we want to assign the attribute.

For example, we want to add a link to Google on our webpage.

<a href=”https://www.google.com”> google </a>

 Here we used a tag (anchor tag is used for link), and a href  (hypertext reference) attribute with a value of the URL of Google website.
















Tags: