w3resource logo


HTML src attribute - HTML tutorials

HTML src attribute

rating HTML src attribute HTML tutorials has average rating 4 out of 10. Total 3 users rated.

<<PreviousNext>>

Description

Purpose of the HTML src attribute is to specify a URI for an external file or resource.

Supported elements

HTML src attribute supports frame, iframe, img, input and script elements.

Syntax

<ElementName src="value" >.....</ElementName>

Where ElementName is any supported element.

Type of value

URI.

Value

A URI indicating a file or resource.

Default value

There is not default value of HTML src attribute.

Supported doctypes

HTML 4.01 strict, HTML 4.01 transitional when used with img, input and script elements.

HTML 4.01 frameset when used with frame, iframe.

Example of HTML src attribute with img element

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML src attribute with img element</title>
</head>
<body> 
<p><img src="../../images/w3logo5.gif" alt="w3resource logo" /></p>
</body>
</html>

Result

html src attribute with img element

View this example in a separate browser window

Example of HTML src attribute with img element

Example of HTML src attribute with script element

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML src attribute with script element</title>
<script type="text/javascript" src="w3r_src_example.js"> </script> 
</head>
<body onload="w3r_src_example()" >
<p>This is an example of HTML src attribute with script element.</p>
</body>
</html>

Result

html src attribute with script element

View this example in a separate browser window

Example of HTML src attribute with script element

Example of HTML src attribute with input element

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML src attribute with input element</title>
</head>
<body>
<form name="user_info" action="../../html/html-editor/action_post.php" method="post"> 
Name :<input type="text" name="name"><br>
email  :<input type="text" name="email"><br>
<input type="image" src="submit.gif" alt="Submit">
</form>
</body>
</html>

Result

html src attribute with input element

View this example in a separate browser window

Example of HTML src attribute with input element

Example of HTML src attribute with frame element

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML src attribute with frame element</title>
</head>
<frameset rows="20%,*,20%" > 
<frame src="header.html" frameborder="1"  name="header" title="Header window"> 
<frame src="content.html" frameborder="0"  name="content" title="Content window" marginheight="10">
<frame src="footer.html" frameborder="0"  name="footer" title="footer window" marginheight="10">
</frameset>
</html>

Result

html src attribute with frame element

View this example in a separate browser window

Example of HTML src attribute with frame element

Example of HTML src attribute with iframe element

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML src attribute with iframe element</title>
</head>
<body> 
<iframe src="../../sql/customer.php" height="100%" width="540"   frameborder="1" title="The customer information">   </iframe> 
</body>
</html>

Result

html src attribute with iframe element

View this example in a separate browser window

Example of HTML src attribute with iframe element



<<PreviousNext>>