Image insert:- The <img> is use to insert image in html. This is an empty tag, so you don't need to close the tags .If you use this tag then you have to define its width and height and alt.
What is alt?
Ans:- alt is use to name the image . Suppose when you internet connection is slow the image loads very slowly and sometimes is don't loads but there is some name written in that image, for that alt tag is use.
Things you need to understand first before insertion image to your web page.
First the image and the main html file should be in the same location then this process will work.
For example: You have a folder where you save your .html file named as html. So you need to make a sub-folder in that html folder and name the folder as image.
So that the path will be clear to insert image like html/images/image.jpg
Code for image insert:-
<html>
<head>
<title>image</title>
</head>
<body>
<h2>my first image insert</h2>
<img src="html/images/image.jpg" alt="image 1" width="200px" height="100px">
</body>
</html>
Break Tag <br>
This tag is use to break the sentence from the paragraph. This tag is empty tag ,means you don't need to close the tag.
In simple word this is the enter button of the keyboard, when you write some paragraph on MS Word ,if you want make the sentence below then you click on enter and the sentence goes down, just like that <br> works .
Code for <br> :
<html>
<head>
<title>paragraph</title>
</head>
<body>
<h2> Heading</h2>
<p>
Contrary to popular belief, Lorem Ipsum is <br>
not simply random text. It has roots in a piece of<br>
classical Latin literature from 45 BC, making it over <br>
2000 years old. Richard McClintock, a Latin professor <br>
at Hampden-Sydney
</p>
</body>
</html>
Output:
Hope you understand the use of <br> if you are facing any problem then comment below ,i will help you.
1. What is the use of paragraph tag?
Ans: This tag is use for writing paragraph or essay and any thing. This is also a container tag <p> </p>.
Just use the tag inside the body tag and all your content will visible on web. Always remember that you need to close the tag after writing you paragraph.
Code:
<html>
<head>
<title>paragraph</title>
</head>
<body>
<h2> Heading</h2>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
</p>
</body>
</html>
Output will be:
Hope you understand the use of paragraph tag. If you are facing any problem then comment below and i will help you.
1. What is title tag?
Ans: This tag is use for giving the title (name) for your web page. Title tag is container tag <Title> </Title>
Result:
Hope you understand the use of title tag . If you are facing any problem then comment below and let me know , i will help you.
We are starting our class of web development, first we starts with HTML and there are tag that you need to learn to go step ahead .
1. What are container tags?
Ans: The tags '< >' which are need are need to be closed '< / > ' are called container tag.
Here are some container tags listed below
Tags Works
<h1 to h6 > </h1 to h6> This tag is for heading h1 for big heading and h6 is for small.
<p> </p> This tag is use for writing paragraph.
<div> </div> This is use for division in a webpage.
2. What are empty or non-container tags?
Ans: The tags '< >' which are not needed to be closed are called non-container tags.
Here are some tags listed below:
Tags Works
<br> This tag is use for break or enter
<img> This tag is use for image inserting.
Now you the basics and important tags which will help you to create your first web page.
Before you start you need to know that you will have to write some code to use this tags and always save the file name as .html not as .txt.
Lets start, first we will use the above tags to understand the use.
<h1 to h6> tag
And the result will be:
Here you can see h1 is the biggest heading and h6 is the smallest.
We are ready to conduct out web design and development classes for free and very easy to understand.
Topics which we will cover:
- HTML
- CSS
- JavaScript
- Bootstrap
- SEO
- WordPress
In this blog you will get all the important tool and software that you will need for designing and developing web pages .Its totally free and in a week you will be able to create your own website with the help of html and css, and in a month you will be able to create a web pages like a professional.
In case you have any problem in coding or any problem please do comment below and let me know i am always available for your help.
In this class we will firstly start with HTML and after we will go on series so that you will not face any type of problems. To start first we need to get platform where we will write our code and run our program. There are many platforms available for writing code like notepad, notepad++, Dreamweaver etc.
As we are starting so first we will start with notepad++ then later on we will go on Dreamweaver so that you will be able to learn all the codes.
Notepad++ : The notepad++ is the best platform for starting a web page design and it is very easy to download and install. To get notepad++
click here and select you version 32 bit or 64 bit.
If you have 64 bit scroll down and download the installer from the website.
Install Notepad++ first then you are crossed first step to the journey of web development.
Let's make code fun and enjoy.
