top of page

What is HTML?

Hi, Today we gonna understand What is Front End Development And Why We Use HTML

to Build Website's

What Are HTML?



HTML, HyperText Markup Language, In a structured format to give meaning for content as, for example, headings, and images.


We use HTML to design the web pages - like a blog, store, and games much


( if you think WordPress don't need HTML you're wrong )

HTML tells the browser how you want the elements on the screen.

Browers are designed that way to understand the language of code okay?


We are going to learn HTML5 in this course but I will give you Lil information about web and pre-version of HTML


History of Html


  • So what happened to HTML1? Well, let's go back to the '90s. HTML was created in 1990 as a way to electronically connect different documents via hyperlinks. Hence, this idea of a web of connections. But, HTML, gave you ways that you could read a paper, and right within the text, link to another exciting physics paper. Because the audience from HTML tended to be people like my dad up there in the corner, they were nuclear physicists, they didn't care about things such as color, images, or anything that wasn't science-related, and that was the key.


  • HTML was intended to work across any platform. And in order to do this, you really had to avoid things such as special fonts or different colors or anything that was more about layout than content. However, in 1993 Mosaic emerged as the first graphical browser. And what that means is that there was the first browser to actually introduce the idea of images and when that happened, So after Mosaic emerged, the use of the Internet just absolutely exploded, and more and more people were using it for commercial means, instead of just for doing research.


  • Mosaic had challengers though, in the form of Netscape, Internet Explorer and other browsers. This was the start of what we call the browser wars.

  • HTML is Laugauge like English so it has a rule


Syntax


<something>  here < opning and > is closing
for that type of element 
</something>  where / is closing all 


Elements

Elements are identified by the use of less-than and greater-than angle brackets, < >, surrounding the element name. Thus, an element will look like the following:


<p>


some more Element to get hint of logic  <a>, <div>, <span>, <strong>, and <em> elements, and many more.


Tags


The use of less-than and greater-than angle brackets surrounding an element creates what is known as a tag.

Tags most commonly occur in pairs of opening and closing tags.


<div> </div>


Self-Closing Elements



<img>
<input>
<meta>
<param>

You can close them as <img/>  not <img> </img> or <img> <img/> 



Attributes


Attributes are properties used to provide additional information about an element.

The most common attributes


  • id attribute, which identifies an element;

  • the class attribute, which classifies an element;

  • the src attribute - source

  • href attribute





All HTML documents have a required structure that includes the following declaration and elements: <!DOCTYPE html>, <html>, <head>, and <body>.



Structure



<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello World</title>
  </head>
  <body>
   <p> Hi </p> 
  </body>
</html>


The structure outlined here, making use of the <!DOCTYPE html> document type and <html>, <head>, and <body> elements, is quite common. We’ll want to keep this document structure handy, as we’ll be using it often as we create new HTML documents.



Author- Yogesh Bhavsar

souces- coursera.org

Please Share



Thank you Hire Me -Contact Me




34 views0 comments

Recent Posts

See All
bottom of page