Basic html tutorial for beginners

Basic HTML

HTML stands for Hyper Text Markup Language. HTML used by web browsers in determining how to display a web page. it is the underlying foundation of website design. it is a combination of plain text and tags. Tags tell the browser how to display contents of the page. you use tags every time you want to format a text, insert image or table. HTML documents are also called web pages.

Role of each tag in a document:
1. <html></html> all HTML documents begin and end with these tags. they tell browser that it is an HTML document.

2. <head></head> head tags encapsulate meta information, such as the document's title, keywords and description information that will be used by search engines.

3. <title></title> title tags define the title of the document, that will be displayed in title bar of the browser.

4. <body></body> this is body section of document and document's viewable contents will be inserted here.

5. the text between <h1> and </h1> is displayed as a heading.

6. the text between <p> and </p> is displayed as a paragraph.

HTML can be edited by using a professional HTML editor like

1. Adobe Dreamweaver.
2. Kompozer Tutorial.
3. Microsoft Expression Web.
4. CoffeeCup HTML Editor. 


1.The structure of an HTML document

               <title>Example Page</title>
        <h1>Hello India</h1>

Output would be


2.Change Background Color

<title>my first web page</title>
<body bgcolor="#0099ff">

my name is Manik Sarkar


  Output would be


3.Create Table

<table border=1 bgcolor=#ccffoo>

Output would be

4.Create Link

The HTML code for a link looks like this
<a href="url">Link Text</a>


<a href="">Computer Learn</a>

Which will display like this:   Computer Learn

5.Add Images

The HTML code for  images look like this
<img src="url" alt="some text">


<img src="" alt="mountain">

No comments :