Displaying Images in HTML
A web page will look stiff, seem formal, and a little tedious if not accompanied by pictures. We can see today, the web pages on the internet, almost all of them include elements of images, animations, even audio and video to attract and make the visitors astonished.
The way you need to enter or add images to a web page is very easy. HTML has provided a special tag for this purpose, namely <img>. This tag is a single tag or no partner. The most important attribute of the <img> tag is SRC (source or source), which contains image files that will be displayed on the web page
Experiment (note: the image file must be one folder with the coded file and the image type must be correct for example .jpg .jpeg .png etc.)
Make a web page as follows (general form img tag)
Save the HTML code above with the name img1.html and open the results using a web browser. If the writing is correct, the web page will appear as follows
Make web pages as follows (insert images from different folders)
Save the HTML code above with the name img2.html and open the results using a web browser. If the writing is correct, the web page will appear as follows
Make web pages as follows (Merging images and text)
Save the HTML code above with the name img3.html then open the results using a web browser. If the writing is correct, the web page will appear as follows
Make a web page as follows (adjust image size)
Save the HTML code above with the name img4.html then open the results using a web browser. If the writing is correct, the web page will appear as follows
Make a web page as follows (give a description of the image)
Save the HTML code above with the name img5.html then open the results using a web browser. If the writing is correct, the web page will appear as follows
The way you need to enter or add images to a web page is very easy. HTML has provided a special tag for this purpose, namely <img>. This tag is a single tag or no partner. The most important attribute of the <img> tag is SRC (source or source), which contains image files that will be displayed on the web page
Experiment (note: the image file must be one folder with the coded file and the image type must be correct for example .jpg .jpeg .png etc.)
Make a web page as follows (general form img tag)
Make a web page as follows (give a description of the image that failed to load)
Save the HTML code above with the name img6.html then open the results using a web browser. If the writing is correct, the web page will appear as follows
0 Response to "Displaying Images in HTML"
Post a Comment