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
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
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
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
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
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.
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
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics