Create an inline frame with iframe in HTML and CSS
Description
The following code shows how to create an inline frame with iframe.
Example
<html>
<!-- w w w . j a va2 s . com-->
<head>
<title>An inline frame</title>
</head>
<body>
<h1>iframe</h1>
<p>Here you can see a map.<br />
<iframe src="http://maps.google.co.uk/maps?q=Newquay,+Cornwall,+United+Kingdom&&output=embed"
width="425" height="350">
Cannot see the map?
<a href=" http://maps.google.co.uk/maps?q=Newquay,+Cornwall,+United+Kingdom">
Click here to view our location on Google Maps</a>.
</iframe><br />
It should show you where to find us.</p>
</body>
</html>
The code above generates the following result.
HTML CSS Tutorial Frame
Create HTML frame in HTML and CSS
Create Horizontal Frameset in HTML and CSS
Create Nested Frameset in HTML and CSS
Create Nested frames in HTML and CSS
Create Vertical Frameset in HTML and CSS
Create a Frameset with 10 pixel border in H...
Create a Frameset with no border in HTML an...
Create a Frameset with space in HTML and CS...
Create a basic frameset in HTML and CSS
Create an inline frame(iframe) in HTML and ...
Frameset with 10 pixel frameborder in HTML ...
Set iframe as target for anchor link target...
Set size for iframe in HTML and CSS
Create HTML frame in HTML and CSS
Create Horizontal Frameset in HTML and CSS
Create Nested Frameset in HTML and CSS
Create Nested frames in HTML and CSS
Create Vertical Frameset in HTML and CSS
Create a Frameset with 10 pixel border in H...
Create a Frameset with no border in HTML an...
Create a Frameset with space in HTML and CS...
Create a basic frameset in HTML and CSS
Create an inline frame(iframe) in HTML and ...
Create an inline frame with iframe in HTML ...
Create not resizable frame in HTML and CSSFrameset with 10 pixel frameborder in HTML ...
Set iframe as target for anchor link target...
Set size for iframe in HTML and CSS