Introduction to HTML

By -

 HTML

HTML stands for hypertext markup language, it was invented in blah blah date by xyz person.

Yes It seems to be something odd, because you guys are being used to study history of everything, if If you seriously want to read history, I'll create some other module for you. 

Here we will only learn the programs, their uses and execution.

What is use of html

Simple html is used to create a simple webpage. We use CSS, JS, BootStrap,etc to make it beautiful and attractive. We will discuss these things in further topics.

For now just understand HTML is used to create a webpage. 

Syntax for HTML

<!DOCTYPE HTML> 
<html> 
<head> 
    <title>Example page</title> 
</head> 
<body> 
    <h1>This is a heading</h1> 
        <p>This is an <b>example</b> of a basic HTML page.</p> </body>
</html>
 

Explaining syntax 

 look at the first line  <!doctype html>

if you see it is written document type is html, here this tag do the same function as its name it just tell the browser that the current file is of type html.

After declaration we will start writing HTML file inside <html>.........</html>tag. then inside a <head> tag we will give a title to our file (say our webpage) using <title>.......</title> and then close head tag followed by a <body> tag. Everything we want to display on the webpage must be written in body tag in html file. And in the last we will close our html tag.

Tags in in html are similar to commands. If you didn't understood what tags are, you need not to worry about it. We will study about tags in just few minutes. But before that I'm gonna tell you how you can run html codes.

Where/How HTML runs?

Editor for html

You can use any editor as NotePad, NotePad++, Sublime, VS Code, Atom, etc  to write html codes. If you are using a PC NotePad may be pre-installed in it and if you are a Mac user you must have TextEdit which work same. 

My favorite  is VS Code (developed by Microsoft), people also recommond Sublime, Atom, Brackets and many other. If you are reading this, I'm considering you extreme noobie in html. So I recommond you to use simple NotePad, because other editors are for doing things fast but notepad is best for learning. I also started with notepad.

 Saving a html file

After writing a file in html save it at your desired location with extension  .html  or .htm   e.g. Technical Vinayak.html or Technical Vinayak.htm . Everytime you make any change to html document you must save the file to execute the changes.

Open your first webpage

Go to the location where you saved the file you will see a file of name which you given to your file with an icon showing default browser on it. Open it you will see your new webpage is ready. Huhh! 

I'm writing this whole blog in as easy as possible, explaining each and every miner things for you, but if you still face any problem just comment below the page. You will get a sure assistance.


GET FULL COURSE FREE

Comments

Post a Comment

Most popular post

Heading in HTML

By -
Image
 Heading in HTML In the web page you are reading this HTML lesson you can see Heading clearly, and I hope you know well what is heading. Heading is something written on top of every topic, it tell us what we are going towrite inside the page or in the topic. In HTML we are having 6 different levels of headings ranging from <h1> to <h6> <h1> This is level 1 Heading <h1> <h2> This is level 2 Heading <h2> <h3> This is level 3 Heading <h3> <h4> This is level 4 Heading <h4> <h5> This is level 5 Heading <h5> <h6> This is level 6 Heading <h6>  By looking at above example you might have understood all six levels of headings    GET COMPLETE HTML COURSE FOR FREE  
Read more

Paragraph in Html

By -
Image
 Paragraph HTML is an markup language to create a webpage. In webpages we also need paragraphs. You all are familiar with word paragraph. To create a paragraph we use <p>..........</p> tag. Syntax: <html> <body> <p> This is an example paragraph </p> </body> </html>   Attributes of <p> tag We can use all inline css attributes in paragraph tag to decorate and also id & class to target in CSS file or in internal CSS.  Don't worry if you are getting trouble in understanding what are Inline CSS, Internal CSS, or CSS file, we will study them in very easy language and in deep soon. Let's first see a syntax with id & classes <html> <body> <p id="firstpara" class="firstpara"> This is an example paragraph </p> </body> </html>  Here what we did we just given an id and an class to target specific paragraph in Cascading Style Sheet(CSS) Click here to learn about CSS Click he...
Read more

Case Sensitivity

By -
Image
 Case Sensitivity What is Case Sensitive? Before knowing case sensitivity lets firstly know what is case.  ABCDEFGH........... these alphabets are written in Upper Case( Capital letters are termed as Upper case). Similar to those abcdef......... are Lower Case alphabets (small letters are known as lower case). Now any language which is sensitive about cases (upper case & lower case) are known as case sensitive language. If a language is case sensitive then, for that language BOOKS & books  are two different things. "CURRENTLY YOU ARE ON TECHNICALVINAYAK.BLOGSPOT.COM" (This line is written in upper case) "currently you are on technicalvinayak.blogspot.com" (This line is written in lower case) "Currently You ARe ON technicalVINayak.blogspot.com" (This line is niether in upper case nor in lower case but a case sensitive language treat it as a different thing. And for html or any other non case sensitive language all three are same) How case sen...
Read more