Category

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>

                   <font>My first web page</font>

        </body>

   </html>

OUTPUT


My first web page

HTML Class 2 #.



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>
<b>this text is bold<b>
<br>
<i>this text is italic<i>
<br>
<u>this text is underline<u>

 </body>
 </html>

OUTPUT


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

Sunday, January 13, 2019

HTML Class 3 #.




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>
  <font color="red">This text color i set Red<font>
<font color="green">This text color i set Green<font>
<font color="blue">This text color i set Blur<font>
 </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 #.


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>
  <font size="12">This is text of size 12<font>
<br>
<font size="16">This is text of size 14<font>
<br>
<font size="22">This is text of size 22<font>
 </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" <br> 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 #.


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 <p> in a page .

Code :



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



<!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" border="5"></img>
 </body>
 </html>


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


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 :



<!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">    <img src="Link of your Picture" width="50" height="70"></img>   </a>
 </body>
 </html>


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


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


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 .