Inserting Image in HTML

-

HTML PART II

We have already discussed about HTML language and it's usage. As told before HTML is used to develop a static webpage. A static webpage is a page that contains text and image which cannot be changed according to the will of user. In explanation Pages made up of HTML will contain a image and text which a viewer without source code and access to admin page cannot change. 

So guys we all need to insert image in our webpage but a beginner dont have any knowledge to it. Inserting text is very easy in html but for inserting image a developer needs to give a source of image. It uses the tag "Img"  and attribute "src". For example if I will to insert a image i just write a tag as in the following line:
<img src="source of image" />
In src="" I give the source of image (This may be either downloaded image or either from the online server..)
For example lets make a situation that I am designing a webpage on html and I wanna insert a image of HTML.. In that I have two option to insert the image. Either I download or design the required image or I can even give the online url of image. For inserting the downloaded image I create a folder keep my image and html page in that folder. Lets suppose the name of my image is "HTML.png"
So for that I write the following code:<img src="HTML.png" />
It gives me the image that I wanted to insert in the webpage in the same resolution and same size. For controlling the size and the resolution of image I will write some methods in my next post. Please dont miss that post as I will be describing about different attributes of the tag IMG.
This was the method for the local image now for inserting the image from different sites I use the same tag and attribute but in the src="" I give the link of the image from that site. For example if I want to insert the image shown here. I write the following code:
<img src="https://is3-ssl.mzstatic.com/image/thumb/Purple118/v4/63/a0/32/63a03212-5028-9970-8809-e71bb8fac270/AppIcon-1x_U007emarketing-sRGB-85-220-5.png/1200x630bb.jpg" />
and it give me the image that is in the link..


Please smash the button below to keep updated with my newer blogs


Facebook Instagram Github Wordpress Twitter

Comments

Post a Comment

Popular posts from this blog

HTML tutorial - I

-
Image
So guys let's start the very first post on HTML. This one is specially focused to beginner so if you have the normal knowledge on html then you dont need read this one. You can directly move on to my next tutorial after it's posted. Please follow me on facebook/instagram to get updated with my newer posts. If you need to contact me please visit my page here and fill contact form. HTML is a markup language that is used in webpage development. Use of HTML can only be used in development of static webpage. If a developer wants to develop and design dynamic and interactive webpage he/she needs to learn other scripting languages like js, php, css, jquery and so on. I will be uploading tutorials about them in my other post.  HTML is normally a english language and in this tutorial we will just learn how to make a first page on html. So the method of writing html code is shown below. Open any text editor in your pc.Some common text editors are notepad, notepad++...
Read more

Frameset In HTML explained

-
Image
Coming up with the new blog, here we have a simple blog to explain about frameset and it's use. Hi learners. This is Maneesh with a new blog tutorial and explanation. As you guys know that we are learning HTML and we have learnt to open HTML, insert image, create a table, create a navbar and link a certain text to certain page. Today we are going to learn about the frameset tag.  Before starting our tutorial, there are certain things that you should know about frameset. Frameset tags are used link and display certain webpage in other page. It has both opening and a closing tag It has attribute "rows" to specify the height of every frame. "Cols" is used to specify the width of every frame. The frame tag is used inside frameset in order to display and link the pages The number of frame tag is equal to the number of rows in the frameset tag Here's one example:  <frameset rows="20%,80%"> <frame src="https://www.faceboo...
Read more