URDU OK

How to Resize and Set Alignment Images in HTML - Tutorial 5

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJIfsmdrOupZa679P1vH8T1YGuEAzWzdCf4d1YMltX8f3KUkBS_BfDB2um7oFYIjmUq0L6eJFU9SnmQ4ooaVjfmdi8x7d7Xtzuwb4eXdJlqMUWf_oWP1fXK5CE0xnrn-XUgkCZDA0tnNSB/s1600/resize-and-alignment-images.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJIfsmdrOupZa679P1vH8T1YGuEAzWzdCf4d1YMltX8f3KUkBS_BfDB2um7oFYIjmUq0L6eJFU9SnmQ4ooaVjfmdi8x7d7Xtzuwb4eXdJlqMUWf_oWP1fXK5CE0xnrn-XUgkCZDA0tnNSB/s1600/resize-and-alignment-images.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
In this tutorial we learn that how can we resize images in html and how change its alignment. Simply add resize code for resizing images. You can put width and height within image tags. For more you can watch our bellow video. Example of resizing image...</div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
<img src="image.jpg" width="200px" height="200px"></blockquote>
<br />
You can add px with values or not, its depend on you.<br />
For alignment you can add align within img tag or use separate code like this <center> than <img> tag inside the <center> tag and than closing </center> tag.<br />
<br />
--------------------------------------------------------------<br />
Ap k liye buhat image ko resize aur alignment karna buhat asaan hai ye bar bar istmaal b hota hai ku k hum ko taqreban tamam pictures ko resize kar k add karna parta hai aur unki alignment b karna parti hai. Mazeed maloomat k liye ab video dekhin..<br />
<br />
<h3 style="text-align: center;">
<a href="https://www.youtube.com/watch?v=hZ7UKBSg9O8" rel="nofollow" target="_blank"><span style="color: blue;">WATCH FULL VIDEO ON YOUTUBE DIRECTLY</span></a></h3>
<br />
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/hZ7UKBSg9O8" width="600"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
----------------------------------------</div>
<div style="text-align: center;">
If Youtube not works watch bellow video</div>
<div style="text-align: center;">
----------------------------------------</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="370px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/hZ7UKBSg9O8" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="600px"></iframe></div>

How to Resize and Set Alignment Images in HTML - Tutorial 5

In this tutorial we learn that how can we resize images in html and how change its alignment. Simply add resize code for resizing image...

How to Insert Images in HTML Webpage - Tutorial 4

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAtXrxUGOURAKfkjPGvRRN2MZk9HlXhXKnf1kP6fHKmzr4SWVlzA2UJaLVQCqQ5SpgXohY_JebVRP8VVzP8ejqmTSe0PWIcW9Dljkk83SEzrxxej4mPloGP7_yLOOcv_PU5PUPaR_r5TY2/s1600/insert-image-in-htmlpage.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAtXrxUGOURAKfkjPGvRRN2MZk9HlXhXKnf1kP6fHKmzr4SWVlzA2UJaLVQCqQ5SpgXohY_JebVRP8VVzP8ejqmTSe0PWIcW9Dljkk83SEzrxxej4mPloGP7_yLOOcv_PU5PUPaR_r5TY2/s1600/insert-image-in-htmlpage.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
In this tutorial we told you that how can you insert images in html pages very simple code for inserting image in html page. You simply add image tag and source of image and type of image correctly. </div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
<img src="image destination / image name. image extension"></blockquote>
Ap ko agar above sentence ki logic samjh ni aai tu main batata chalon k sab se pehle img tag use karna hai phir space aur src phir ap ne equal sign aur us k bad double quotes k andar ya single quotes k andar image ka name dena hai yad rahy k agar image aur html page 1 hi folder mein pary hain tu sirf name dena hai agar image kisi aur folder mein hai tu ap ne uski destination b batani hai image kahan pari hui hai. Mazeed maloomat k liye video dekhin image code es tarha ka hoga.<br />
<br />
<blockquote class="tr_bq">
<img src="myphoto.jpg"></blockquote>
<br />
Simply add above code or change image name.<br />
<br />
<h2 style="text-align: center;">
<a href="https://www.youtube.com/watch?v=qVlxjo7TH7s" rel="nofollow" target="_blank">WATCH FULL VIDEO ON YOUTUBE DIRECTLY </a></h2>
<blockquote class="tr_bq">
<br /></blockquote>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/qVlxjo7TH7s" width="600"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
--------------------------------------------------</div>
<div style="text-align: center;">
IF YOUTBE NOT WORKS WATCH BELLOW</div>
<div style="text-align: center;">
--------------------------------------------------</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="370px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/qVlxjo7TH7s" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="600px"></iframe></div>

How to Insert Images in HTML Webpage - Tutorial 4

In this tutorial we told you that how can you insert images in html pages very simple code for inserting image in html page. You simply...

How to Change HTML Page Background Color - Tutorial 3

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJhBEiW9kWCsX2FKy4wiYrziDpt1H6H6ewFXBmjvxiaNQbdueRa5RdvC391qnle5v4UQX__SnmQWOdRJ4Lw1w6oX5Ks7KU3LmUbYubf0QNqCdQvt2hq0c-Z0oyYGgIOWchOQMmWoGSoAp/s1600/change-html-page-backgroundcolor.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJhBEiW9kWCsX2FKy4wiYrziDpt1H6H6ewFXBmjvxiaNQbdueRa5RdvC391qnle5v4UQX__SnmQWOdRJ4Lw1w6oX5Ks7KU3LmUbYubf0QNqCdQvt2hq0c-Z0oyYGgIOWchOQMmWoGSoAp/s1600/change-html-page-backgroundcolor.JPG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
It's very easy and important to change background color of your html webpage. It's simple to change this color with very simple tag.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
<body bgcolor="color_name"></blockquote>
You can change your html page background color simply add bgcolor in body tags. For more details watch our bellow video.<br />
<br />
Kisi b site k background ka jo color hota hai usko change karne k liye buhat hi simple sa code hota hai jo k hum zubani b yad rakh sakty hain jesy k bgcolor. "bgcolor" se zahir ho raha hai k ye background color ko show kar raha hai es liye bgcolor k bad = ka sign dal k double quotes mein color ka name ya code de dena hai. Mazeed maloomat k liye video dekhin.<br />
<br />
<h3 style="text-align: center;">
<u><a href="https://www.youtube.com/watch?v=l41etHTV1NE" rel="nofollow" target="_blank">WATCH FULL VIDEO DIRECT ON YOUTUBE </a></u></h3>
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/l41etHTV1NE" width="600"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h3>
<span style="color: #3d85c6;">IF Above video not works watch bellow</span></h3>
<div>
<span style="color: #3d85c6;"><br /></span></div>
</div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="370px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/l41etHTV1NE" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="600px"></iframe></div>

How to Change HTML Page Background Color - Tutorial 3

It's very easy and important to change background color of your html webpage. It's simple to change this color with very simple...

Make Your First HTML Webpage Urdu / Hindi - Tutorial 2

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJ8Kc0ctV_m7OHSREiiE95BH1GwoFrMCLMSAxDqjpw4VOhdog6JBmEDh4P3lb7ZQ-WNHCQeAy0OWqBwP3xSmXzzNf1othBbzw_IJn6zpmzKorJLdsXt1A3XTWiVuk6olusd0s3wMA-WAK/s1600/firsthtmlpage.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzJ8Kc0ctV_m7OHSREiiE95BH1GwoFrMCLMSAxDqjpw4VOhdog6JBmEDh4P3lb7ZQ-WNHCQeAy0OWqBwP3xSmXzzNf1othBbzw_IJn6zpmzKorJLdsXt1A3XTWiVuk6olusd0s3wMA-WAK/s1600/firsthtmlpage.JPG" width="200" /></a></div>
In this tutorial we make our first html page. After learning some full html we build a html static website.<br />
<br />
Es tutorial mein hum apko html ka first page banany k bary mein sikhayen ge k ap kis tarah html start karin ge.<br />
<br />
<br />
<br />
<h3 style="text-align: center;">
<a href="https://www.youtube.com/watch?v=YecA94f1foI" rel="nofollow" target="_blank">WATCH OUR VIDEO DIRECT ON YOUTUBE</a></h3>
<br />
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/YecA94f1foI" width="600"></iframe></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<h3>
<span style="color: #3d85c6;">IF ABOVE VIDEO NOT WORKS WATCH BELLOW</span></h3>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="370px" mozallowfullscreen="" scrolling="NO" src="http://playit.pk/embed/YecA94f1foI" style="border: 0px; overflow: hidden;" webkitallowfullscreen="" width="600px"></iframe></div>

Make Your First HTML Webpage Urdu / Hindi - Tutorial 2

In this tutorial we make our first html page. After learning some full html we build a html static website. Es tutorial mein hum apko ht...

Introduction to HTML - Tutorial 1

<h2>
What is HTML?</h2>
HTML is a markup language for describing web documents.<br />
<br />
HTML stands for Hyper Text Markup Language<br />
A markup language is a set of markup tags<br />
HTML documents are described by HTML tags<br />
Each HTML tag describes different document content<br />
<br />
HTLM is mostly used in all type of website. It is the basic of web development. If you know HTML well you can make a professional website.<br />
<br />
HTML buhat hi asaan language hai aur es per work kar k ap ko yaqeenan buhat maza aye ga aur ap ko websites develop karne k bary mein information mily gi aur apko idea hoga k kis website k pichy kya codding ki gai hai.<br />
HTML mein mushkil kuch ni hai eska buhat asaan code hai jo ap ko yad rakhna hoga. Jesy jesy hum seekhty jayen ge us k sath sath ap ne her exercise ki practice lazmi karni hai.<br />
Aur eski totally codding notepad mein hoti hai jo k ap ki windows mein install hota hai. Es k liye alag se koi software download karne ki zarurat nahi hai. Han agar ap chahin tu notepad++ install kar sakty hain lekin simple notepad mein b full codding hoti hai.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqYemES4y2YnpCuJlmomL6Q5K8JLpOK89LqqPJ_G8V2c_qGoO_iNjmz46bIeBkc7tk_pNA94AVbOsSIJzK61YRRIpPNL1EeEVnwtsUTkgXqOsesQjdEugZjF-R9M3GfV10FDF_RrXMH5oR/s1600/html-learn.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqYemES4y2YnpCuJlmomL6Q5K8JLpOK89LqqPJ_G8V2c_qGoO_iNjmz46bIeBkc7tk_pNA94AVbOsSIJzK61YRRIpPNL1EeEVnwtsUTkgXqOsesQjdEugZjF-R9M3GfV10FDF_RrXMH5oR/s1600/html-learn.png" /></a></div>
We'll start video help for you from 2nd tutorial.<br />
<br />
Simply Copy bellow code and paste into notepad and save it with .html or .htm extensions.<br />
<br />
<span style="background-color: #ffe599;"><html></span><br />
<span style="background-color: #ffe599;"><title>Practice 1</title></span><br />
<span style="background-color: #ffe599;"><p>I'm learning HTML on urduok.com</p></span><br />
<span style="background-color: #ffe599;"></html></span><br />
<br />
You can simply add 3rd line only in notepad and remove <html> and <title> tags. From next tutorial we learn that how to work these code. After saving your notepad file with ".html" extension open that file which you saved. That file will be opened in web browser. Save your file with the name of "Test.html".<br />
<br />

Introduction to HTML - Tutorial 1

What is HTML? HTML is a markup language for describing web documents. HTML stands for Hyper Text Markup Language A markup language is a...

LIKE & FOLLOW US ON SOCIAL MEDIA
		Follow @sajjadsdk