Skip to main content

HTML language

 
Develop It world

Objective 

  • What is HTML?
  • History of HTML 
  • How HTML Works
  • Basic format of HTML
  • What are HTML tags    
  • what is a career in HTML 


   What is HTML?

  • HTML is the standard markup language for creating web pages.
  • HTML stands for HyperText Markup Language.  
  • HTML describes the structure of a web page.
  •  HTML is made up of a series of elements.
  •  HTML elements tell the browser how to display the content. 
  • HTML elements are represented by tags. 
  • HTML tags label pieces of content such as " heading " , " paragraph ", " table " etc. 
  • Browsers do not display HTML tags, but instead use them to render the content of the page.

History of HTML:

Tim Berners-Lee invented the HTML in 1991.   

After that, HTML underwent significant progress.

The first HTML version was developed in 1991. 

The initial standard version of the HTML specification was published in 1995.  

It also goes by the name HTML 2.0.
The first major HTML version was released in 1999 ( also referred to as HTML 4.01). 

The HTML was improved in 2012, to support semantic tags, new properties, etc.  

The most recent HTML version is called HTML5.


   How HTML Works?

Simply put, HTML tells the Internet browser how to display a page.

First, the author uses a basic text editor on the computer (such as TextEdit for Mac) to create their HTML document.

The most basic convention of HTML is to include the document type declaration at the beginning of a text file. 

It always comes first in the document, as it is the part that positively informs the computer that this is an HTML file.

 The document header typically looks like this: <!DOCTYPE html>. It should always be written this way, without any content inside it or broken up. 

Any content that comes before this declaration will not be recognized by the computer as HTML.

 HTML files are always saved as  (.HTML)

for example -(file .Html )

 Basic format of HTML

DOCTYPE: The first line of code in an HTML document, which tells the browser the version of HTML the page uses. This ensures that different browsers parse the page the same way.

HTML, head and body tags:   These tags must always be included in an HTML document.

Character encoding: The <meta charset="UTF -8"> tag specifies the character encoding of the document. 

Language:  The <html lang="en"> attribute defines the language of the document. 

 FOR EXAMPLE -

 <!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title></title>

</head>

<body>

</body>

</html>

  what are Html tags?

 body tag :The <body> tag in               HTML is used to define the main content present   inside an HTML page. It is always enclosed within    <HTML> tag. The <body>tag is the last child of the            <html> tag.

H1  to H6 teg : these are HTML heading tag that indicates the main title or primary subject of a webpage. It's the most important heading tag, and is used to help search engines understand the structure of a page and make it easier for users to read. 

 "p"teg :The <p> tag defines a paragraph. Browsers automatically add a single blank line before and after each <p> element.

table tag :An HTML structure for creating rows and columns on a Web page. The Table tag defines the overall table and the Table Row (TR) tag is used to build each row. 

 TR tag :The HTML <tr> tag, short for "table row," is used to define a row in an HTML table. It acts as a container for table data cells (<td> elements) and can also include table header cells (<th> elements).

TD tag:   Td is an HTML tag used to define a single cell within a table. It stands for "table data". The td element is often used within the tr (table row) element to structure and organize tabular data on a webpage.
   
u tag :    The tag in HTML is used to underline text and indicate that it is unarticulated and styled differently from normal text.

 B tag :  The tag in HTML is an element that formats text as bold, without adding any extra importance to the content

HR tag :  The HTML <img> tag is used to embed an image in a web page. Images are not technically inserted into a web page; images are linked to web pages. The <img> tag creates a holding space for the referenced image. The <img> tag is empty, it contains attributes only, and does not have a closing tag.

div tag:    The <div> tag defines a division or a section in an HTML document. The <div> tag is used as a container for HTML elements - which is then styled with CSS or manipulated with JavaScript. The <div> tag is easily styled by using the class or id attribute. Any sort of content can be put inside the <div> tag.

BR tag:   The <br> tag inserts a single line break. The <br> tag is useful for writing addresses or poems. The <br> tag is an empty tag which means that it has no end tag.

A tag :<a>: Creates a hyperlink, which allows users to jump from one page to another

lable tag : label that is attached to an object using a thread or tie, rather than an adhesive. They are often made of thick materials like card or heavy paper stock. Tag labels are commonly used in retail to display product information, pricing, and marketing details. 

Input tag:  The <input> tag specifies an input field where the user can enter data. The <input> element is the most important form element. The <input> element can be displayed in several ways, depending on the type attribute. The different input types are as follows: 
<input type="button>

  Which is the career in HTML?

Here are some types of jobs after learning HTML that you can apply for:

 1. UI developer

National average salary: ₹ 5,88,722 per year
Primary duties: A UI developer builds the look and feel of a website or application so that it appeals to the audience and ensures ease of use of the visitor on mobile phones or laptops. UI developers create motion sliders, navigation buttons and icons on each web page and their customised features for different devices. They require extensive knowledge of HTML and CSS to build a structured user flow based on the time spent on the website. 

HTML helps add relevant engagement elements, like images and videos on the website, and optimise buttons and calls to action.

UI developers can specialise as front-end or back-end developers and interface developers. They may also work as performance analysts who design landing pages and analyse the website's traffic. 

UI developers are also in demand as interactive designers to make websites with elements of motion and sound, Augmented Reality and Virtual Reality, to improve audience interaction with the website.

 Website design firms or advertising and digital marketing agencies often recruit UI developers as full-time employees or freelancers.

2.Web developer:

 A web developer is a programmer who specializes in the development of websites and web applications. In addition, web developers use a variety of programming languages and technologies to create websites, including HTML, CSS, JavaScript, Python, PHP, and Ruby.


3.Web project manager: 

Web project managers supervise the creation of web projects from the planning stage up to the deployment of these initiatives live online. They lead teams in the creation of web products, work with stakeholders on the scope of web-based projects, and create project progress reports.

 4.HTML email developer:

 Email blasts are created and designed by HTML email developers for clients and marketing teams. Moreover, responsibilities in this profession mostly involve developing HTML templates. This requires both the technical skill to code and an eye for visual design.

5.Front-end developer:  

 Using web languages like HTML, CSS, and JavaScript, a front-end developer develops websites and apps that people can access and utilize along with the visual components.

6.HTML coder:

 An HTML developer is a web designer who utilizes HTML to build website layouts using templates and wireframes. HTML is a semantic language that controls the organization of content on websites and in online applications, as well as how users may navigate and interact with them.

7.SEO Specialist:

 For expanded visitor participation and to make the site accessible and understandable, an SEO professional will need to program in HTML, CSS, and JavaScript. This may include dealing with videos and PDFs. To raise revenue through sponsored internet advertising, execute pay-per-click (PPC) campaigns.

 




Comments

Post a Comment