Introduction to HTML
HTML stands for Hyper Text Markup Language. It is the most widely used language on web to develop the pages. HTML was developed by Bernes-Lee in late 1991 but 'HTML 2.0' was the first standard HTML specification which was published in 1995.
HTML 5 is latest version which is using nowadays> It is an extension of 'HTML 4.01' and this was published in the year 2012.
Why learn HTML?
HTML is must for the students and working professionals especially while working in the Web Development Domain. Instead of all, these are the following key advantages in learning HTML.
1.) Youcan create a website or customize the templates ccording to your or client need if only you know HTML well.
2.) You can start your career as a Professional Web Developer or Designer only after become good in designing skill with HTML and CSS.
3.) If you want to learn any server side languages like JS, PHP, Angular so you must have to know about HTML and CSS.
What is HTML?
HTML is an acronym which stands for Hyper Text Markup Language which is used for creating web pages and applications.
Hyper Text : Hyper Text simply means 'Text within Text'. A text has a link within it, it is a Hypertext. So when you click on a hypertext it redirects you to new page, whatever you have clicked on a Hypertext.
Markup Language : A Markup language is a computer language which is used to apply layout and fomatting conventions within the text document. It is used o make text more interactive and dynamic. It can turn text into images, icons, tables, links and so on.
Let's create your first HTML page
<!DOCTYPE html> <html> <head> <title>--Title--</title> </head> <body> <h1>Mindstick Software Private Limited</h1> <p>Hello World!</p> </body> </html>
Description of an above Example
- <!DOCTYPE> : It defines the HTML document type and defined about the version of HTML.
- <html> : It describes the browser that this part of code is in the format of HTML and it will described that it contains the tags within it.
- <head> : Head is the top part of the HTML which describes the important properties of the web page.
- <title> : It is used for set the Title of the web page for the Web page. You are able to see the title of the page at the tab of your browser.
- <body> : The body is the rest part of the browser which describes the content of the page which is visible to the user. The content which you seen in your browser window is the part of the body.
- <h1> : This tag show the Heading part of the webpage.
- <p> : This tag show the paragraph of the webpage.
Released Versions of HTML
HTML 1.0 : 1991
HTML 2.0 : 1995
HTML 3.2 : 1997
HTML 4.01 :1999
HTML 5 : 2008
Text Editors for HTML
1.) HTML file is a text file which we can use by any of the text editors.
2.) Text Editors are the programs which helps us to edit or write our code.
3.) There are various types of editors are available which you can directly download it and use it on your machine.
4.) Sublime Text, Vim, Notepad++ are the basic editors which you can use as a beginner. Once you hand on in the programming then you should go throgh Visual Studio Code editor which is a powerful editor by Microsoft.
How to create your first HTML page
Step 1 : Open a Notepad on your machine and paste the following code in your editor.
<!DOCTYPE html> <html> <head> <title>--Title--</title> </head> <body> <h1>Mindstick Software Private Limited</h1> <p>Hello World!</p> </body> </html>
Step 2 : Now save your file on your system wherever you want to save on your system. Now save it with the name index and with the .html or .htm extension, i.e., 'index.html'.
Now go the file through Windows Explorer and open the file you will see your first html file on the web browser.
Building Blocks of HTML
An HTML consists of basic buildings block
1.) Tags : An HTML tag suround the content and apply meaning to it. It ios written between < and > brackets.
2.) Attributes : An attributes are the extra information of an HTML tag and it is written within the start tag. An HTML attribute contain two fields : name & value pair.
Syntax : <tag name attribute_name= ' attr_value'> content </ tag name>
3.) Element : Everything written within the HTML tags are termed as elements.
Leave Comment