How To Insert An Image In My HTML Websites
Guys, I'll try to share everything with you, In my knowledge. But Guys, only on one point to note it, why I have use any tags, why tags are important to HTML. And what changes in our HTML. So Guys, in this part we are going to insert an image in our web page. So read and understand this carefully, because this is very important part to the developments.
So Guys , If you feel that this tutorials help you in anyways, you can support us to create or writing more contents by donating here , I have put the link in description below....
For PayTm : +918518013539
For PayPal Account : https://www.paypal.me/bschandel
For PayPal Email : balwantchandel007@gmail.com
<html> <!-- Opening Tags -->
<head>
<title>Welcome to my Static Websites</title><!-- Define Title -->
</head>
<body> <!-- Body Openning -->
<h1 align='center'>Welcome to my First Web Page</h1><!-- Define heading -->
</body><!-- Body Closing -->
</html><!-- Closing Tags -->
<html> <!-- Opening Tags -->
<head>
<title>Welcome to my Static Websites</title><!-- Define Title -->
</head>
<body> <!-- Body Openning -->
<img src="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/evolving_google_identity_share.jpg" width="300" height="200" />
<h1 align='center'>Welcome to my First Web Page</h1><!-- Define heading -->
<table> <!-- Opening Tags -->
<tr><!-- Opening Rows -->
<td><!-- Opening Columns-->
<p align='center'> Welcome this is my first table,rows and columns example</p>
</td><!-- Closing Columns-->
</tr><!-- Closing Rows -->
</table><!-- Closing Tags -->
</body><!-- Body Closing -->
</html><!-- Closing Tags -->
index.html (Base Code)
<html> <!-- Opening Tags -->
<head>
<title>Welcome to my Static Websites</title><!-- Define Title -->
</head>
<body> <!-- Body Openning -->
<h1 align='center'>Welcome to my First Web Page</h1><!-- Define heading -->
</body><!-- Body Closing -->
</html><!-- Closing Tags -->
Insert An Images
<img src="imagepath" width="300" height="200" />
imagepath : Input fully classified address in image. set width and height in image.
just copy this code anywhere you want a table. like this:
<html> <!-- Opening Tags -->
<head>
<title>Welcome to my Static Websites</title><!-- Define Title -->
</head>
<body> <!-- Body Openning -->
<img src="https://storage.googleapis.com/gd-wagtail-prod-assets/original_images/evolving_google_identity_share.jpg" width="300" height="200" />
<h1 align='center'>Welcome to my First Web Page</h1><!-- Define heading -->
<table> <!-- Opening Tags -->
<tr><!-- Opening Rows -->
<td><!-- Opening Columns-->
<p align='center'> Welcome this is my first table,rows and columns example</p>
</td><!-- Closing Columns-->
</tr><!-- Closing Rows -->
</table><!-- Closing Tags -->
</body><!-- Body Closing -->
</html><!-- Closing Tags -->
Just copy and past this code on your notepad or any editor and save this file index.html and enjoy your first static web application programs.
Guys , If you feel that this tutorials help you in anyways, you can support us to create more contents by donating here , I have put the link in description below....
For PayTm : +918518013539
For PayPal Account : https://www.paypal.me/bschandel
For PayPal Email : balwantchandel007@gmail.com
Comments
Post a Comment