What is HTML? Basic concepts and examples || mycollegeverse

0

 

What is HTML? Basics concepts and examples || mycollegeverse
What is HTML. 
HTML stands for Hypertext Markup Language. It is the primary language used to create web pages.


HTML is a markup language, meaning that it describes how content should be displayed in the browser. This allows for a high level of control over how your content looks on each page.

There are two main reasons why you should study HTML:

  1. You can design your text however you can implement by making it bold or italicized with CSS (Cascading Style Sheets), which are also commonly used in HTML.
  2. The code itself very easy to understand and modify, which makes it easy to change things like the size, font style, color of links or images if needed.

HTML is the language that makes up the structure of a website. It's the skeleton that holds the site's content together. HTML is the things which makes your site look how it does, and it's what allows you to interact with your visitors through forms and other interactive elements.

Parts of HTML body :-

There are mainly three parts to an HTML document: 
  • Header Tag
  • Body Tag
  • Title Tag
head tags, body tags, and title  tags inside those tags that tell browsers how to display different elements on a page.

 Header Tags are used to describe the title of a page and any metadata about it that might be helpful for search engines or other robots who read websites looking for information they can use in their own processes (like indexing them). For example 
<head> your content<head>

Body Tags contain all of the actual content—text and images—that users will see when they open their browser window and navigate to your URL.
For example
<body>
All the content of html document will be written here
</body>

Title Tags:- As The name make sense that this tag is use to display the title of the html document.  This tag should be inside the header tag . The title content will show on the top of the window . 
For example
 <title> MYCOLLEGEVERSE</title>


HTML uses tags to structure content, in the same way that a book has chapters with titles and paragraphs of text within each chapter. 
Tags are enclosed in angle brackets: < >. Each tag has an opening tag, which starts with < >, and a closing tag, which ends with this same symbol >. Between these two tags, there can be any number of other tags, as well as plain text like words or numbers.

 The structure of HTML documents is similar to the structure of paper documents that you might write by hand - paragraphs are separated into sentences by new lines; sentences are separated into words by spaces; and words themselves can be broken up into letters by underscores (_).

When you look at a webpage, you see words, images, and other things that make up the page. But those things aren't actually part of the HTML code itself they're just use to make your page look attractive and we'll organised.
 It is what makes HTML so advance: it's not just a way to display information on your screen, but also a way to organize content so that people can easily navigate and understand what they're seeing!

HTML is used for many things, including:

  • -Creating webpages for your clients, freelancing job, organization or personal use.
  • -Creating webpages for your customers/client to view your products and services
  • -Creating webpages to provide information about your company or organization like what you do.
  • - Creating webpage to show your online presence.

There are also other types of tags:

Self-closing tags:- which don't require a closing tag because they close themselves.
There are more or less 14 self closing tags. Some of theme are like <image>, <input>, <hr> etc
For example
  • <image> image tag is use to display the images to the webpage. We can display images to make our website more content full and eye-catching.          <img src="/images/imge.jpg">

  • <link> this tag is use to link the different pages to the html body.  
  • For example:-  <Link rel="stylesheet" href="home.css">
  • Note here home.css is the name of the file to link.
  • <input>This tag is use to take input on webpage from the user. We generally use this tag in forms for taking data from user.<input type="text">These tags don't require to close.

Empty element tags:- which have no content between their opening and closing tags.
For example:-
<br/>

<p>Welcome To  <br> mycollegeverse.xyz.</p>

Conditional comments:- which help browsers display different versions of content based on the user's browser and scripting elements that allow you to add functionality to your web page through JavaScript programming. Adding javascript is basically giving life to any body like it can move, animate and many other thinks.
<script> </script>

Let's see a simple example of HTML.

 

<html>
<head>  
<title>Web page title</title>  
</head>  
<body>  
<h1>Write Your First Heading</h1>  
<p>Write Your First Paragraph.</p>  
</body>  
</html>  







. Now on the above written html basic code we have used some different different tags lets us know them and their uses.

Well as we above discussed the use and functions of <head>, <body> and <title> tags so let's know about the function of <h1> and <p>
<H1> : tag is use to describe the first heading of the webpage. 
Despite of <h1> their is more heading tags like <h2>,< h3> .... <h6>
Example: 
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>

<P> : This tag is use describe the paragraph text in webpage.
<p> Hello this is written written under the paragraph tag.</p>

Post a Comment

0Comments
Post a Comment (0)