basics-CSS/index3.html at master · JCJV2019/basics-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Metaphor</title>
    <link rel="stylesheet" href="css/mycss3.css">
</head>
<body>
    <div class="Principal">
        <header>
            <div class="Cabecera">
                Metaphor
            </div>
        </header>

        <main>
            <p>
                A metaphor is a mapping from one domain to another.
                For example, moo is to cow as beep is to car.
                These mappings get so buried in our language that we don't even notice their effects.
            </p>
            <p>
                For example, take the language used to describe a debate:
            </p>
            <div class="Lista">
                <dl>
                    <dd>"He shot down her ideas."</dd>
                    <dd>"She defended her position."</dd>
                    <dd>"She overwhelmed his arguments."</dd>
                    <dd>"He had to retreat from that position."</dd>
                </dl>
            </div>
            <p>
                These are all debate-as-war metaphors.
                It's a zero sum game.
                Someone wins and someone loses.
                The idea that both people could learn from each other just doesn't come up.
            </p>
        </main>
    </div>
</body>
</html>