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>
Editor is loading...