This tutorial is about HTML Basics. In this tutorial you will learn some basics of HTML. You have need to take a start now and practice daily. If you want to learn Web Development. You will learn in this tutorial about HTML Headings, Paragraph, Links and Images. I will tell you how you can use this code. It will help to give a better look to your website.
In HTML Basics
HTML Headings :
This is about HTML Headings. There are 6 HTML headings which you can use in your HTML code. You can use headings at different places. Like you can use Heading 1 as a Title of Website. And other headings can be used above a list item, tables and paragraph. How your code will look. If you don’t know how you can run your code then Go to my First tutorial. HTML Headings Tag you can see Below :
<html>
<head>
<title>My First Webpage</title>
</head>
<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>
Type above code into your editor notepad, notepad++ / Dreamweaver. And save it as file_name.html. And open save file. You will see below output that you can see in screenshot. You can see Highlighted Text. That is Title of Webpage. I given in Title Tags.HTML Headings
HTML Paragraph
You can also make paragraph in HTML. For this you need to use <p> tag for starting a paragraph. While you can end a paragraph using </p> tag. You can also make more than one paragraph. It’s depend on your requirements that how you can make paragraph. Below I’m Going to explain paragraph and headings :
<html>
<head>
<title>HTML Paragraph & Headings</title>
</head>
<body>
<h2>Paragraph Heading</h2>
<p>This is a test paragraph. You can write here any information.</p>
<h2>Paragraph Heading 2</h2>
<p>This is a 2nd paragraph. Write more information if you want to write. Write some long paragraph.</p>
</body>
</html>
You can type above code and run it easily. Hope you will get output. If you have any problem in above code then you can ask in comment. You can also email us.
HTML Links
How you can create links through HTML. A lot of people create links on there website to go at other pages. Therefore link are very important. If you want to give links of your other webpage then you need to link those pages. And you have also need to Links Tag when you want that some people should go at files links. You need to give website links. Through Links you can also forward user at that position where he wants to go. You can see Below Example Code For Links. I will not use basics code now. You need to use yourself now. Like html, head, title and body tags. Type this code in Body tags :
<a href=”www.google.com”>Visit Google</a>
<a href=”Contact.html”>Contact Us</a>
Here I’m giving link of Google You can visit Google.com Through first link. While Second link is from your directory. You need to create a Contact.html it will show you contact page. You can also create as many pages as you want.
HTML Images
You can also use images in your website. You will see that a lot people uses images to make better their website. Now you can also use images in HTML. In this lesson you will just learn how we can use image tag. Next I will also tell you how you can use images at the background of your website. Type Below code in body tags :
<img src=”pic_name.pic_format”>
Lets suppose you have a jpeg format picture with name “sun”. You will show that picture through this code :
<img src=”sun.jpg”>
You must remember that your HTML file and Picture should be in same folder. If you didn’t understand any code you can ask. Ask your problems in comments. I will explain all answers of your questions.
