Wasim Teach: January 2019

Monday, January 14, 2019

HTML Class 1 #.

Asslam o Alaikum;
dear Friends today i start a new course of Web Designing for you . A complete course with short and easy classes. so let's start your
First Class.

HTML Class 1 #.
There is first class for you making your first page with written "My first web page" . Welcome to your First Class. You know For better Website experience you need basic to advanced Knowledge of Web developing . for this you need to learn firs Basic HTML , CSS , JAVASCRIPT and then PHP.

HTML stand for Hyper Text Markup Language . it use for creating Webpages.
CSS stand for Cascade Style Sheet . it use for Styling the Webpage.
JAVASCRIPT it is a Scripting Language that use for Web Programming.
PHP stand for Personal Home Page . it use for Server Side Web Programming.

NOTE : JAVASCRIPT EXECUTE IN CLIENT SIDE AND PHP EXECUTE SERVER SIDE. Code of your first Webpage :

CODE

<!DOCTYPE html>

<html>

<head>

<title>www.wasimteach.blogspot.com</title>

<meta charset="UTF-8"/>

<link rel="stylesheet" href="" type="text/css"/>

</head>

<body>

My first web page

</body>

</html>

OUTPUT

My first web page

HTML Class 2 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 2 #.
In your second class i tell you how to you style your text in a page . Styling the text like Bold Italic Underline Strike etc.

CODE

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
this text is bold
 
this text is italic
 
this text is underline

</body>
</html>

OUTPUT

this text is bold
this text is italic
this text is underline

Sunday, January 13, 2019

HTML Class 3 #.

Asslam o Alaikum
dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 3 #.
In This class i tell you how to change color of your text in a page .

CODE

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
This text color i set Red
This text color i set Green
This text color i set Blur
</body>
</html>

OUTPUT

This text color i set Red
This text color i set Green
This text color i set Blur

Saturday, January 12, 2019

HTML Class 4 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 4 #.

In This class i tell you how to change size of your text in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
This is text of size 12
 
This is text of size 14
 
This is text of size 22
</body>
</html>

OUTPUT

This is text of size 12
This is text of size 16
This is text of size 22

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Friday, January 11, 2019

HTML Class 5 # .

HTML Class 5 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 5 #.

In This class i tell you how to start a new line in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
Hi their i break a line with "br tag" this text will print in new line.
</body>
</html>

OUTPUT

Hi their i break a line with "br tag"
this text will print in new line.

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Thursday, January 10, 2019

HTML Class 6 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 6 #.

In This class i tell you how to start a paragraph with tag in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
This text print on a webpage as a paragraph . paragraph is a bundle of words and lines...
</body>
</html>

OUTPUT

This text print on a webpage as a paragraph . paragraph is a bundle of words and lines...

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Wednesday, January 9, 2019

HTML Class 7# .

HTML Class 7 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 7 #.

In This class i tell you how to make table in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<table border="3px">
<td>
td tag elements are used for table cells
</td>
<td>
this is a cell
</td>
<tr>
<td>
td tag is used to create table column

</td>

<td>

tr tag is used to create table rows
</td>
</tr>

</table>
</body>
</html>

OUTPUT

td tag elements are used for table cells

this is a cell

td tag is used to create table column

tr tag is used to create table rows

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Monday, January 7, 2019

HTML Class 8 # .

HTML Class 8 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 8 #.

In This class i tell you how to add image in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<img src="Link of your Picture"></img>
</body>
</html>

OUTPUT

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Sunday, January 6, 2019

HTML Class 9 # .

HTML Class 9 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 9 #.

In This class i tell you how to set image size in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<img src="Link of your Picture" width="50" height="70"></img>
</body>
</html>

OUTPUT

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Saturday, January 5, 2019

HTML Class 10 # .

HTML Class 10 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 10 #.

In This class i tell you how to set image border in a page .

Code :

OUTPUT

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Friday, January 4, 2019

HTML Class 11 # .

HTML Class 11 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 11 #.

In This class i tell you how to link a new page in a page .

Code :

<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<a href="https://wasimteach.blogspot.com/2019/05/html-class-12.html"> Next Class</a>
</body>
</html>

OUTPUT

Next Class

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Thursday, January 3, 2019

HTML Class 12 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 12 #.

In This class i tell you how to set Link on image in a page .

by using <a href="url"> <img src="image url"></img></a> you can set the link on any image the following example show the use of tag to link the image.

Example :

Code :

OUTPUT

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Wednesday, January 2, 2019

HTML Class 13 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 13 #.

In This class i tell you how to change Background color in a page .

Background color mean your web page whole color . this tag is used as in HTML <body bgcolor="red">

Example:

Code :

<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body bgcolor="yellow">

bgcolor="color" in body tag change the body color.

</body>
</html>

OUTPUT

bgcolor="color" in body tag change the body color

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

Tuesday, January 1, 2019

HTML Class 14 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

HTML Class 14 #.

In This class i tell you how to make Strike the font in a page .

Strike tag is use for lining on the text like ~~this is strike example~~ this lining is used for mostly cut the prices. for example this item is 60$ original price ~~_75$~~
the tag is use as <strike> your text </strike>

Example.

Code :

<!DOCTYPE html>
<html>
<head>
<title>wasim teach</title>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="" type="text/css"/>
</head>
<body>
<s>This is a strike Font with tag s </s>

</body>
</html>

OUTPUT

~~This is a strike Font with tag s~~

Thanks For reading :

Meet you in next Class.

Comment me if you have any trouble or question .

td tag elements are used for table cells	this is a cell
td tag is used to create table column	tr tag is used to create table rows

Category

Monday, January 14, 2019

CODE

OUTPUT

HTML Class 2 #.

CODE

OUTPUT

Sunday, January 13, 2019

HTML Class 3 #.

CODE

OUTPUT

Saturday, January 12, 2019

HTML Class 4 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

Thanks For reading :

Friday, January 11, 2019

HTML Class 5 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

Thanks For reading :

Thursday, January 10, 2019

HTML Class 6 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

This text print on a webpage as a paragraph . paragraph is a bundle of words and lines...

Thanks For reading :

Wednesday, January 9, 2019

HTML Class 7 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

td tag elements are used for table cells this is a cell td tag is used to create table column tr tag is used to create table rows

Thanks For reading :

Monday, January 7, 2019

HTML Class 8 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

Thanks For reading :

Sunday, January 6, 2019

HTML Class 9 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

Thanks For reading :

Saturday, January 5, 2019

HTML Class 10 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

Thanks For reading :

Friday, January 4, 2019

HTML Class 11 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Code :

OUTPUT

Thanks For reading :

Thursday, January 3, 2019

HTML Class 12 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Example :

Code :

OUTPUT

Thanks For reading :

Wednesday, January 2, 2019

HTML Class 13 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Example:

Code :

OUTPUT

Thanks For reading :

Tuesday, January 1, 2019

HTML Class 14 #.

Asslam o Alaikum dear Friends. A complete course with short and easy classes. so let's start your HTML Class.

Example.

Code :

td tag elements are used for table cells

this is a cell

td tag is used to create table column

tr tag is used to create table rows