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.



html
                                                 
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. 


html



1.The structure of an HTML document

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
         <head>
               <title>Example Page</title>
        </head>
        <body>
        <h1>Hello India</h1>
       </body>
      </html>

Output would be

 html

2.Change Background Color

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

my name is Manik Sarkar

</body>
</html>

  Output would be

         



3.Create Table

<table border=1 bgcolor=#ccffoo>
<tr>
<td>Computer</td>
<td>Software</td>
<td>Download</td>
</tr>
</table>   

Output would be


 
4.Create Link

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

Example

<a href="http://www.computinga2z.blogspot.com/">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">

Example

<img src="https://static.pexels.com/photos/67517/pexels-photo-67517.jpeg" alt="mountain">

Post a Comment

Previous Post Next Post