Search the Whole World Here.,.,

Archive for 10/11/16
Images in Another Folder

Images in Another Folder

Add Comment

If not specified, the browser expects to find the image in the same folder as the web page.

However, it is common to store images in a sub-folder. You must then include the folder name in the src attribute:

Example

<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
Try it Yourself »
Images - Width and Height, or Style?

Images - Width and Height, or Style?

Add Comment

Both the width, height, and style attributes are valid in HTML5.

However, we suggest using the style attribute. It prevents internal or external styles 
sheets from changing the original size of images:

Example

<!DOCTYPE html>
<html>
<head>
<style>
img { 
    width:100%; }</style>
</head>
<body>

<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
<img src="html5.gif" alt="HTML5 Icon" width="128" height="128">

</body>
</html>
Try it Yourself »
Subscribe to: Posts (Atom)

Ads by Google