w3resource

HTML src attribute

src

The 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 the 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

Previous: HTML span attribute
Next: HTML standby attributee

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://w3resource.com/html/attributes/html-src-attribute.php