Wide Info Blog | Blogger, HTML, SQL & iReport Jasper tutorials: HTML Tutorial

Showing posts with label HTML Tutorial. Show all posts

Sunday, September 11, 2016

HTML Documents / HTML Headings / HTML Paragraphs / HTML Links / HTML Images

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.

HTML Headings : HTML headings are defined with <h1> to <h6> tags as per the requirements.

<h1> is the most important heading or we can say the Biggest heading. If we want to use the biggest heading we have to use <h1>.

<h6> is the least important heading or we can say the Smallest heading. If we want to use the smallest heading we have to use <h6>.

Try it Yourself >>

HTML Paragraphs : We write HTML paragraphs with <p> tag. Here 'p' defines the "paragraph". So, where ever we need a paragraph, we must use this tag.

HTML Links : HTML links are defined with <a> tag. Example :

HTML Images : We can add images to any HTML document with the help of HTML <img> tag. An Example is given below.

Try it Yourself >>

Here we can also set the Height & Width of the image as shown in the above example.

No comments:

Labels: HTML Tutorial

Monday, August 22, 2016

Creating an Example of a Small HTML Document

Friends here I am writing an example of a small HTML document. Learning HTML is very easy. Keep visiting Wide Info Blog. Try this on your own system. Previously we have discussed about the basic introduction & history of HTML.

<!DOCTYPE html>

<html>

<head>

<title> Page Title </title>

</head>

<body>

<h1> My First Heading </h1>

<p> My first paragraph. </p>

</body>

</html>

Try it Yourself >>

<!DOCTYPE html> : This defines that the document is HTML.

<html> </html> : Text between these tags is HTML.

<head> </head> : Gives information about the document.

<title> </title> : Used for the title of the document.

<body> </body> : Used for visible page contents.

<h1> </h1> : Used for Heading.

<p> </p> : Used for Paragraph.

Now, Open Notepad in your system. Copy & paste the above HTML code in notepad. Now save this page with extension .htm & your file is saved as shown below.

Next step is to open your saved file with any of the browsers installed on your system. You will see your first HTML page as shown below.

No comments:

Labels: HTML Tutorial

Tuesday, March 29, 2016

HTML Tutorial - Basic HTML - Introduction, HTML Tags, HTML Versions

HTML Tutorial - Basic HTML - Introduction, HTML Tags, HTML Versions. Hello Friends, this blog is for the the visitors who want to learn & use the basic tricks, tutorials of HTML.

HTML Stands for - Hyper Text Markup Language.

Some Features of HTML are:

HTML stands for Hyper Text Markup Language
It's a markup language & is a set of markup tags
HTML documents are described by HTML tags
Each HTML tag describes different document content type

HTML Tags: HTML tags are keywords enclosed by angle brackets & these keywords are also called as "tagname".

Before we start making a HTML page we must use <!DOCTYPE html>, this defines the document type to be HTML.

NOTE: Every HTML tag must be closed with the ending tag but with a slash

<tagname>Simple Text</tagname>

Satrt tag: <tagname> & End Tag: </tagname>

<html> and </html> describes an HTML document
<title> and </title> provides a title for the document
<body> and </body> describes the visible page content
<h1> and </h1> describes a heading
<p> and </p> describes a paragraph

HTML Versions: There are many HTML Versions but the latest one is HTML5

Version Year
HTML    1991
HTML 2.0   1995
HTML 3.2   1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

This is just a small starting, Keep visiting & sharing the information with your friends.

1 comment:

Labels: Blogger Beginner, HTML Tutorial

Pages