I'm trying to write a student web site for school using only html5 and css3. I want to showcase all of the websites I've made in an iFrame within my student web site using only local files but it's not loading anything. Here's the code I'm using:
<iframe src="yoga/ch7/index.html" name="frame"></iframe>
<p>
<span>Home</span>
<span>Classes</span>
<span>Schedule</span>
</p>
and this is what I'm seeing:
Screenshot
I have tried your code and it did work on my computer, please make sure the src="url" is correct.
copy and paste (yoga/ch7/index.html) it in your browser and make sure there's a result
Related
I am trying to figure out the way this website : totallyscience.co embeds their games into the site because I am trying to make a website and I tried directly embedding a website and it isn't the same.
I tried < embed src="example.com" > and it is definitely not the same as the website listed above.
What you need here AND what totallyscience.co uses is an iframe tag
<iframe src="http://www.example.com" title="Embedding another webpage"></iframe>
You can style and position it as you need.
tip : Try to use secure links (https) in iframe. You can use a https link in a page loaded over http but not the other way.
For further reading: https://www.w3schools.com/tags/tag_iframe.ASP
I've just created my own website with my own domain with IONOS.
On the side, I had created a webpage which was hosted using XAMP, so currently to view my webpage I have to use the URL http://localhost/project1/index.html#
However, I'd like to integrate it into my website if possible?
For example have a section on my webpage where I show a thumbnail of the webpage and when clicked it takes me to www.mywebsite.co.uk/project1
I'm not sure how to go about this though?
You can use Iframe.
See Html Standard and w3schools for more detail about it.
like:
<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>
The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document.
<iframe src="www.mywebsite.co.uk/project1" title="My HTML Page"></iframe>
So basically I recently made a video for a assignment and I copied the embedded code from You tube and pasted it in Brackets.io and after I clicked save and then pressed live preview it didn't work and when I went to the website that shows you the many reasons why live preview won't work one of those reasons was
"Bug #7935: Live CSS does not update if page contains an iframe (including injected iframes such as ads or social media buttons)."
So how do I fix this?
If Anyone knows please reply back to me!
I suppose you use for embedding a video a kind of code like this:
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
I usually use this for holding videos in my webs, so if this still gives you problems, you should use another editor, maybe Visual Studio Code and install an extension call Live Server by Ritwick Dey, which does the same as Bracket's Live Preview.
I have angular project running on one server, I have another html file on another server that I want to render on this angular project. My question is, how can display that html file on my current angular 2 project without bringing that file to angular project server? Please help...Let me know if question does not make sense.
Using an iFrame would be one way to do it:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
Just make an Angular page that only has an iframe in the content area, it which points to the HTML file on your other server.
<iframe src="https://mdn-samples.mozilla.org/snippets/html/iframe-simple-contents.html" width="400" height="300">
<p>Your browser does not support iframes.</p>
</iframe>
I have been trying to create an iFrame to display e-Learning materials from a Moodle platform that uses an add on called Scorm to display the material. My problem is that the iFrame doesn't run the Scorm player, it just displays the script's code in the frame instead.
like this:
HTML:
<div data-role="content">
<iframe id="aModule" src=""></iframe>
</div>
the src of the iframe is changed by a script; i have determined that the script works fine so i'm certain the problem isn't there.
does anybody know what's causing this and how to fix it?