HTML || The Future of Web Development

  • Home
  • Blog
  • HTML || The Future of Web Development
HTML || The Future of Web Development
  • HTML proposed in 1980 by Physicist Tim Berners-Lee , at CERN .
  • HTML stands for Hyper Text Markup Language . HTML documents describe web pages  ( Static Web Page).
  • HTML tags are keyword surrounded by angle brackets like <html>
  • With HTML you can create your own Website .
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag (opening tags), the second tag is the end tag ( closing tag).
  • HTML is not a programming language . It is a Markup language . It is not a case sensitive language .
  • All the HTML documents are created in a word processing software such as notepad and WordPad are saved with the extension of .html or .htm .

EXAMPLE  : –

                     <html>

<head>

<Title>Hello World</title >

</head>

<body bgcolor = “#000000”>

<font color = “#fffffffff”>

<H1>Hello World</H1>

</font>

</body>

</html>

HTML Tags :

HTML tags  play main role in HTML language  , which defines  that how web browser will format and display the content . It contain three parts :

  • Opening tag
  • Content tag
  • Closing tag

All HTML tags must covered within < > these type of brackets. Every tag in hypertext markup language perform different tasks. There is a  condition in hyper text markup language  , if you have used an open tag <tag> , then you must use close tag </tag> (expect some tag). There are many types of HTML tags.

< html>….</html>     –         Declares the Web page to be written in HTML        

<head>….</head>     –         Delimits the page’s head

<title>….</title>         –         Defines the title (not displayed on the page)

<body>….<body>     –         Delimits the page’s body

<h n>……</h n>        –         Delimits a level n heading

<b>…..</b>               –         Set ….. in bold face

<i>…</i>                   –          Set ……. In italics

<center>…..</center> –        Center on the  page horizontally

<ul>….</ul>             –           Brackets  an unordered (bulleted ) list         

<ol>….</ol>            –            Brackets a numbered list

<li>….</li>              –            Brackets an item in an ordered or numbered list       

<br>                        –            Force a line break here

<p>                                     Starts a paragraph

<hr>                       –             Inserts horizontal rule    

<img src =”….”>   –              Displays an image here

<a href =”….”>…</a>  –     Defines a hyperlink

Advantages And Disadvantages of Html:

  • HTML is light weighted therefore it makes websites and application to load more   quickly compared  to other language .
  • HTML is not safe m and lack securities , like other language.
  • They are very simple and can be integrated with other programming language like PHP, JAVA, .NET, PYTHON, etc. with ease.
  • Too much code is needed to create a simple website.
  • The HTML is free . It is an open source language.
  • If you open the same website at different browsers ,it displays pages differently , issues are found occasionally.
  • Modern HTML and CSS frameworks has revolutionized HTML uses for creating more dynamic and creative website and applications;
  • Lack of security features and vulnerable against hackers and spammers.
  • No specific software or application is need to write HTML code . IT  can be written in Notepad, WordPad , Notepad ++ , Sublime text , VS Code, Dreamweaver, etc.
  • It has been founded that HTML can have dependency issues . There are Huge limitations using HTML.

Uses of HTML in real world:

  1. Web pages development-

 HTML is used to create pages which are rendered over the web . Almost every pages  of web is having html tags in it to render its details in browser.

  1. Web document creation-

HTML pages now a- days works well o all platform, mobile, tabs , desktop or laptops owing to responsive design strategy.

  1. Internet navigation-

HTML provides tags which are used to navigate from one page to another and is heavily used in internet navigation .

  1. Cutting edge features-

IT will give you enough ingredients to start with HTML from where you can take yourself at higher level of expertise.

  1. Client side storage.

It is used for store data or information of clients.

  1. Data entry support with HTML.

If you want to start a career as a professional web designer , HTML and CSS designing is a must skill.

  1. Offline capabilities uses.

HTML pages once loaded can be made available offline on the machine without any need of internet.

  1. Responsive images on web pages.

HTML pages now a- days works well o all platform, mobile, tabs , desktop or laptops owing to responsive design strategy.

How to create  a simple HTML contact form:-

One of the most useful pages of any website is the HTML contact form page. For example:-

<!DOCTYPE html>

<html>

<head>

<title>Form in HTML</title>

</head>

<body>

<h2>Registration form</h2>

<form>

<fieldset>

<legend>User personal information</legend>

<label>First Name</label><br>

<input type=”text” FirstName=”FirstName”><br>

<label>Last Name</label><br>

<input type=”text” LastName=”LastName”><br>

<label>Enter your email</label><br>

<input type=”email” name=”email”><br>

<label>Enter your password</label><br>

<input type=”password” name=”pass”><br>

<label>confirm your password</label><br>

<input type=”password” name=”pass”><br>

<br><label>Enter your gender</label><br>

<input type=”radio” id=”gender” name=”gender” value=”male”/>Male  <br>

<input type=”radio” id=”gender” name=”gender” value=”female”/>Female <br/>

<input type=”radio” id=”gender” name=”gender” value=”others”/>others <br/>

<br>Enter your Address:<br>

<textarea></textarea><br>

<input type=”submit” value=”sign-up”>

</fieldset>

</form>

</body>

</html>

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *