| View previous topic :: View next topic |
| Author |
Message |
ws
Write and Show support
Joined: 27 May 2007
Posts: 140
|
 Posted: Sat Nov 24, 2007 2:42 pm Post subject: Creating an html file to show in an iframe |
|
How to make an html file to show in an iframe.
Sometimes when capturing the text from a webpage on the internet you want to show that in a scrolling iframe on a page. You will need to make it fit on the page so the text needs to be placed in a "table" with the width controlled to fit a book page.
Here is how you create your page:
1. Simply, select and then copy text from the article (to your clipboard).
| Quote: | Selecting and copying text:
a.Select by dragging your mouse cursor over the text on the screen with your left mouse button held down.
b. Then right click (press the right mouse button) and choose "copy." |
2. Launch Windows Notepad.
3. Paste the text from the article into the notepad.
4. Save the file as a txt file.
5. Name your saved file with an htm extension.
6. Format the text which you copied and pasted like this:
| Quote: | <html>
<table cols=1 width="330" >
<tr>
<td>
<font size=+2>Show Source and date here 11/23</font>
<br>
<font size=+3>This makes your title big</font>
<p>Paragraphs are just started with the simple paragraph code shown (the p inside of the <> symbols). This will both start and end paragraphs. No need for an ending code.
<p>Here would be another paragraph.
<p>No need to put an empty line or other code. The paragraph code makes a blank line appear between paragraphs.
<br> This br (break) code will force a break anywhere you want it, inside of a paragraph. It is the same as the p code, just without causing a blank line. Notice we used one at the top to separate the source line from the title line..
</td>
</tr>
</table>
</html> |
|
|
| Back to top |
|
 |
ws
Write and Show support
Joined: 27 May 2007
Posts: 140
|
| Posted: Sun Dec 30, 2007 12:19 pm Post subject: |
|
Example of html with an image
| Quote: | <html>
<table cols=1 width="330" >
<tr>
<td>
<h2>This would be your headline</h2>
<br>
<font size=+3>This is another way to show a headline</font>
<p>Paragraphs are just started with the simple paragraph code shown (the p inside of the <> symbols). This will both start and end paragraphs. No need for an ending code.
<p>Here would be another paragraph.
<p>No need to put an empty line or other code. The paragraph code makes a blank line appear between paragraphs.
<br> This br (break) code will force a break anywhere you want it, inside of a paragraph. It is the same as the p code, just without causing a blank line.
<br><br> Here we used two to create an extra line. Notice we used one at the top to separate the top headlineline from the second headline line.. Plus, we use one in the next example.
<p>Maybe you would like to have an image. The next paragraph shows the image code.<br><br>
<img src="http://put your image url here" title="This text shows when mouse over pic" />
<p> It's really easy
</td>
</tr>
</table>
</html> |
Last edited by ws on Sun Dec 30, 2007 12:48 pm; edited 1 time in total |
|
| Back to top |
|
|
ws
Write and Show support
Joined: 27 May 2007
Posts: 140
|
| Posted: Sun Dec 30, 2007 12:45 pm Post subject: How to embed a youtube video in an html file |
|
How to embed a youtube video in an html file
Please note that you can just embed a youtube video in any page in your book, using the YouTube features button. You don't need to use iframe (to display an html file) to show a YouTube video on a book page. However, the example, which follows, is if you wish to show an youtube video in an htm file to be displayed other ways. For example, this would be useful in creating news-scroll presentations, where you wanted to show one or more youtube videos..
| Quote: | <html>
<table cols=1 width="330" >
<tr>
<td>
<h2>This would be your headline</h2>
<br>
<font size=+3>This is another way to show a headline</font>
<p>Paragraphs are just started with the simple paragraph code shown (the p inside of the <> symbols). This will both start and end paragraphs. No need for an ending code.
<p>Here would be another paragraph.
<p>No need to put an empty line or other code. The paragraph code makes a blank line appear between paragraphs.
<br> This br (break) code will force a break anywhere you want it, inside of a paragraph. It is the same as the p code, just without causing a blank line.
<br><br> Here we used two to create an extra line. Notice we used one at the top to separate the top headlineline from the second headline line.. Plus, we use one in the next example.
<p>Maybe you would like to embed a youtube video. The next paragraph shows youtube code which you paste in (get it from the youtube website).
<br><br>
<object width="320" height="260"><param name="movie" value="http://www.youtube.com/v/u8o8Wg34L2A&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/u8o8Wg34L2A&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="260"></embed></object>
<p> It's really easy
</td>
</tr>
</table>
</html> |
|
|
| Back to top |
|
|
|
|
|
Search