Real World Math
  • Home
  • Lesson Downloads
    • Concept Lessons
    • Measurement Lessons
    • Project Based Learning
    • Exploratory Lessons
    • Space Lessons
  • Videos
  • Tutorials
    • Google Earth Tutorials
    • Xtranormal Tutorials
    • HTML Layout Tutorials >
      • Introduction
      • The Basics
      • Layout Templates >
        • Cover page
        • Blogger HTML Formatting
        • Paragraphs w Image
        • Image w. bullets
        • Video
        • Split text & image
        • Complex table
      • More tips
  • Teachers
    • Lessons >
      • Concept Lesson Outlines >
        • Around the World...
        • Estimation
        • Exchange Rate
        • Line Graphs
        • Oil Spill Estimates
        • Planes of Greenland
        • Polyhedrons
        • Scientific Notation 1
        • Scientific Notation 2
        • Tessellations
        • Time Zone Problems
        • Volume of Solids
      • Measurement Lesson Outlines >
        • Intercept Theorem
        • Complex Area
        • Crop Circles
        • Estimating Distance
        • Fractal Coastline
        • Tsunami Warning
      • PBL Lesson Outlines >
        • Spreadsheet App
        • Community Building
        • Iditarod Challenge
        • SAR Project
        • SketchUp
        • Typhoon Project
        • U-Boat Hunt
        • Water Problems
      • Exploratory Lesson Outlines >
        • Crop Circles 2
        • Four Color Map
        • Line Patterns
        • Mazes & Labyrinths
        • Networks
        • Pyramid in the Desert
        • The Flat Earth
        • Whale Watch
      • Space Lesson Outlines >
        • Lunar Fieldtrip
        • Lunar Sports
        • Rockets
    • Blog
    • About the site
    • RWM Video Overview
  • Contact


Menu

Introduction
The Basics

    Text
    Images & Hyperlink
    Color
Layout Templates
  • Cover page
  • Blogger HTML Formatting
  • Paragraphs w. image
  • Image w. bullets
  • Video
  • Split text & image
  • Complex Table
More Tips

Paragraphs w Image


Similar to the previous layout, this format includes two paragraphs beneath an image.  There is a hyperlink at the bottom, as well as a link for the photo credit.

Notice that there is a scrolling bar added when the information is longer than the placemark window.  This happens automatically so there’s no need to format the HTML for it.  If you don’t want a scrolling bar, then you either have to decrease the size of the photo, delete some text, or increase the width of the placemark window.

Delete the Lorem ipsum text and replace it with your own.  Add text elements to make it complete.


  Use the navigation menu on the left to view other layouts.


Picture

Paragraphs w Image HTML

<table width="400" bgcolor="add color" borderwidth="medium" bordercolor="add color">
<tr><td>
<p><font size="4" face="verdana" color="add color"><center>
<b><p>Add title</center></b>
</p>
<center><img src="add photo URL" width="300"></center><p>
<p><font size="4" face="verdana" color="add color"><p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ornare elit sed nulla imperdiet iaculis. Vivamus a sem a mauris posuere venenatis.
</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam placerat pulvinar urna, sit amet consectetur ante placerat vitae. </p>
<p>
<a href="add hyperlink URL" >
<font size="4" font color="add color"><b>
>> go to website</font></a></b>
<br>
<a href="add photo source URL" ><br>
<font size="2" font color="add color"><i>
add photo source text
</font></i></a>
</p>
</tr></td>
</table>

Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.