Update:- New tutorial added in HTML section. How to Create Responsive Login Page in HTML without Bootstrap?

Introduction of HTML

HTML stands for Hyper Text Markup Language, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. HTML is not a complex programming language.

HTML Files

Every web page is actually a HTML file. Each HTML file is just a plain-text file, but with a (.html) file extension instead of (.txt,) and is made up of many HTML tags as well as the content for a web page.

A web site will often contain many html files that link to each other. You can edit HTML files with your favourite editor. Like Dreamweaver, Notepad etc.

HTML Tags

HTML tags are keywords (tag names) surrounded by angle brackets:

<tagname>content goes here...</tagname>

HTML tags are the hidden keywords within a web page that define how the browser must format and display the content. The start tag is also called the opening tag, and the end tag the closing tag.

All tags come under <html>between this tag.. </html> tag and all content come under <body> ...</body> tag. body contain the design of the webpage, that also contain tags.

Most tags must have two parts, an opening and a closing part. For example, <html> is the opening tag and </html> is the closing tag. Note that the closing tag has the same text as the opening tag, but has an additional forward-slash ( / ) character. I tend to interpreter this as the "end" or "close" character.

Each HTML file must have the essential tags for it to be valid, so that web browsers can understand it and display it correctly.

The rest of the HTML file can contain as little or as many tags as you want to display your content.

Example of HTML Tags

    
    The <!DOCTYPE html> declaration defines this document to be HTML5
	The text between <html> and </html> describes an HTML document
	The text between <head> and </head> provides information about the document
	The text between <title> and </title> provides a title for the document
	The text between <body> and </body> describes the visible page content
	The text between <h1> and </h1> describes a heading
	The text between <p> and </p> describes a paragraph

Example: of HTML document

Open your Notepad and Copy the below html code and paste it into Notepad editor and Save it with any name with (.html) extension. Like mypage.html
to open the notepad press window + r and type notepad in box. 

    
    <!DOCTYPE html>
    <html>
	<head>
	<title>Title of the Document</title>
	</head>
	<body>

	Every content gose here..

	</body>
    </html>

After making the Html file, Now run your html file (mypage.html) on browser by double click on it. Html file only run on Web browser.

NEXT

Post Your Comment

↑