Copyright Michael Karbo, Denmark, Europe.

  • Next chapter.
  • Previous chapter.

    Chapter 19. Copy  text to the page

    I chose to place the text that you need for the introduction on the home page for this book. That saves you the work of typing it, in stead you are going to try to copy it.

    1.   Open the home page for this book in the browser, and click on the link Material for the exercises.

    2.   Then click on the link Text and graphics for the Saint-Raphaël page.

    3.   Click on the link Text for the introduction.

    4.   Now select (with the mouse) all the text that you see on the screen:

    5.   When the text is selected, you need to copy it with Control+c.

    6.   Shift to NoteTab and insert the copy (with Control+v) below the table with the heading Introduction.

    7.   When you insert text that you have copied from another home page, all the text comes in fine, but you have to add the paragraph format. So insert a P code, so the text is broken into two paragraphs:

    8.   Finish the paragraph with a P code.

    9.   Then insert the picture file raph02.jpg, which you also need to get from the home page for this book.

    10. Save the document and check it in the browser. That was the first section!

    Figure 46. A heading with two text paragraphs and a picture. That is a quite typical type home page content.

    Second section

    The second section needs the heading Nature, and we will make that now.

    1.   Start by copying the lines that makes the heading for the Introduction section:

    2.   Insert the copy in the bottom of the page in a new line after the IMG code.

    3.   Change the text in the heading (H3) to The nature and edit the bookmark to nature.

    4.   Then copy the section’s text from the home page for this book:

    5.   Copy the text into the NoteTab window. The text needs to be inserted under the table with the heading.

    6.   Then insert a paragraph code.

    7.   Insert the picture file var03.jpg, which you also need to get from the home page for this book.

    8.   Save the page and test it in the browser. Now you can see the function of the link To top, which starts each section. That is good for navigation in long documents!

    The next three paragraphs

    Now we need to make the next three paragraphs in the same way as the preceding:

    1.   Start by copying the 11 lines that make the heading of the paragraph Introduction..

    2.   Paste the copy, change the heading to
    The city and the bookmark to city.

    3.   Please copy and paste the text from the book’s homepage and finish it with a paragraph code.

    4.   Include the image file raph03.jpg.

    5.   The fourth paragraph starts the same way: Copy the first 11 lines with the table etc. The headline should be Distances. And the bookmark km.

    6.   Then type this text under the table:

    Saint-Raphaël is situated 30 km west of Cannes and 60 km from Nice:

    7.   Add a P code, and the image file var02.jpg.

    8.   Continue with another P code and this text:

    Many people from Europe drive in the own car for the vacation. Here are some distances: <P>

    9.   Now please place a table of 5 rows and 2 cells in the document. The cells should hold these texts:



    Hamburg – Frankfurt

    495 km

    Frankfurt – Mulhouse

    276 km

    Mulhouse – Lyon

    420 km

    Lyon – Saint-Raphaël

    404 km

    The table needs a visible border, yellow background color and some space around the cells. You can correct that by adjusting the TABLE code:

    10. Add the parameter BORDRE="1", BGCOLOR="yellow" and CELLPADDINNG="5".

    11.  The last two parameters could be inserted with the clips in the HTML library (check pages 68 and 69).

    12.  Delete the parameter WINDTH="80%" – still within the TABLE code.

    13. Now we are approaching the end. The fifth paragraph needs to be made like de two previous. The heading should be A recommendation, and the bookmark should be

    14. Now get the text for the section from the home page for this book.

    15.  Save the page and test the result in the browser. Now it is beginning to look like something:

    16. The exercise continues in the next chapter.

  • Next chapter.
  • Previous chapter.

  • HTML Tutorial Overview.

  • Get the files for this tutorial (opens in a new window)