Untitled
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Linear Graphs Poster</title> <style> body { font-family: Arial, sans-serif; margin: 20px; max-width: 210mm; max-height: 297mm; padding: 20px; } .section { margin-bottom: 20px; } .title { text-align: center; font-size: 24px; color: darkblue; margin-bottom: 20px; } .introduction { text-align: center; font-size: 18px; background-color: #f0f8ff; padding: 10px; margin-bottom: 20px; } .axes-explanation, .graph-representation, .key-characteristics, .examples, .conclusion { background-color: #f5f5dc; padding: 10px; border-radius: 5px; } .axes-explanation h3, .graph-representation h3, .key-characteristics h3, .examples h3, .conclusion h3 { font-size: 20px; color: darkgreen; } .axes-explanation p, .graph-representation p, .key-characteristics ul, .examples ul, .conclusion p { font-size: 16px; line-height: 1.5; } .key-characteristics ul, .examples ul { list-style-type: disc; padding-left: 20px; } .graph-representation .graph { width: 100%; height: 200px; background-color: lightgreen; margin-top: 10px; } </style> </head> <body> <div class="section title"> What Are Linear Graphs? </div> <div class="section introduction"> A linear graph shows a straight-line relationship between two variables on a chart, using the X-axis (horizontal) and Y-axis (vertical). </div> <div class="section axes-explanation"> <h3>Axes Explanation</h3> <p>The X-axis runs left to right (horizontal), and the Y-axis runs up and down (vertical). Linear graphs plot a line on these axes that shows a steady increase or decrease between the values.</p> </div> <div class="section graph-representation"> <h3>Graph Representation</h3> <p>A simple linear graph is shown below, with a straight line passing through multiple points. This line represents a consistent relationship between the X and Y values.</p> <div class="graph"></div> </div> <div class="section key-characteristics"> <h3>Key Characteristics</h3> <ul> <li>Straight line showing a consistent relationship.</li> <li>Each point on the line has the same rate of change.</li> <li>Can show positive or negative slopes depending on the direction.</li> </ul> </div> <div class="section examples"> <h3>Examples</h3> <ul> <li>The more hours you study, the better your test scores (positive relationship).</li> <li>The faster you drive, the less time it takes to reach your destination (negative relationship).</li> </ul> </div> <div class="section conclusion"> <h3>Conclusion</h3> <p>Linear graphs are used in many fields to show a consistent change between two factors, helping us make predictions and understand patterns.</p> </div> </body> </html>
Leave a Comment