Thursday 27 March 2014

HTML BEGINEER

HTML can be edited by using a professional HTML editor like :

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

However, for learning HTML we recommend a text editor like Notepad (PC).We believe simplicity will be the best start.
Following 4 steps is sufficient to create your first web page using Notepad

Step 1: Start Notepad
To start Notepad go to:
Start
    All Programs
        Accessories
            Notepad

Step 2: Edit Your HTML with Notepad
Type your HTML code into your Notepad:

Step 3: Save Your HTML
Select Save as.. in Notepad's file menu.
Use the extension .html or .htl to save the file
Save in any folder, like infotuck.

Step 4: Run the HTML in Your Browser
Double click on your HTML file and your first web page will open.

he <p> element:
<p>My Paragraph.</p>
The <p> symbol is used to define paragraph.
It has a start point <p> and an end point </p>.
The content is: My Paragraph.
The <body> element:
<body>
<p>This is my first paragraph.</p>
</body>
The <body> symbol is used to define the body of an HTML file.
The symbol has a start point <body> and an end pont </body>.
The element content is another HTML element (a p element).
The <html> element:
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>
The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).
The HTML <a> tag defines a hyperlink.
The html link:
A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document.
The pointer turns into a little hand when we hover the pointer over the link
The most important attribute of the <a> element is the href attribute, which indicates the link's destination.

HTML Link Syntax
The HTML code for a link is an easy piece of cake. It looks like this:
Syntax:
<a href="url">Link text</a>
Example
<a href="http://tutorialterminal.blogspot.in/">Visit our blog</a>

Wednesday 26 March 2014

HTML BASICS

HTML BASICS


In our previous blog, we’ve told what HTML really is along with the very basic pre-requisite of it. And now we’ll start with the basic working of HTML and how HTML codes are generated.
HTML (Hyper Text Markup Language) is used almost every day by us in our day to day life and one such example is the World Wide Web (www). Everything in internet consists of HTML and HTML links..
So, starting with the basic program. Initially we start with giving HTML file a name.
For example we want to create a HTML file which will display one heading and a part of a paragraph.
So the syntax will be:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Output is:

My First Heading

My first paragraph.

Anything which is written between <h1> and </h1> will be the heading and anything written between <p> and </p> will be part of paragraph.
You can put up any number of heading and paragraphs.
<h1> means the first heading n will be the biggest in size. To put up a smaller heading keep on incrementing the number and size of heading will reduce. For example <h2> heading will be smaller as compared to <h1> heading and so on.
This can be seen with the following source code:
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>

The output will be:
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6



This way we can display anything we want in our HTML page. Hope this tutorial helps you.

Wednesday 19 March 2014

Introduction to HTML

Before you begin, it's important that you know Windows or Unix. A working knowledge of Windows or Unix makes it much easier to learn HTML. You should be familiar with:

You should be familiar with:
• Basic word processing using any text editor.
• How to create directories and files.
• How to navigate through different directories.
• Basic understanding on internet browsing using a browser like Internet Explorer or Firefox etc.



Introducing HTML:

HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages. As its name suggests, HTML is a markup language.

• Hypertext refers to the way in which Web pages (HTML documents) are linked together. When you click a link in a Web page, you are using hypertext.
• Markup Language describes how HTML works. With a markup language, you simply "mark up" a text document with tags that tell a Web browser how to structure it to display.

Originally, HTML was developed with the intent of defining the structure of documents like headings, paragraphs, lists, and so forth to facilitate the sharing of scientific information between researchers.
All you need to do to use HTML is to learn what type of markup to use to get the results you want.