SW 2022-03-09

<!DOCTYPE html>
<html lang="pt">
<head>
    <meta charset="UTF-8">
    <title>Diferentes formas de citar</title>
</head>
<body>
    <!-- citar é atribuir a uma terceira parte, algum
    conteúdo-->

    <!-- alt1: exige-se NLP (Natural Language Processing)
    para entender que estamos a comunicar q Einstein disse...-->
    <p>Albert Einstein disse que
        <cite>o maior inimigo não é a ignorância,
            mas antes a ilusão de conhecimento.
        </cite>
    </p>

    <!-- alt2: um agente de software deverá entender automaticamente
    pelo atributo cite do element q que foi, efetivamente, Einstein
    q disse que ... PREFERÍVEL -->
    <p>Albert Einstein disse que
    <q cite="Albert Einstein">o maior inimigo não é a ignorância,
        mas antes a ilusão de conhecimento.</q>
    </p>

    <!-- alt3: quando a citação convida à utilização de outros elementos,
    e não se faz apenas com plain text, o elemento blockquote é preferível
    -->
    <section name="sectionDitadosPopulares">
        <section name="sectionDitadosContraditorios">
            <header>
                <h1>Saberes contraditórios</h1>
            </header>
            <blockquote cite="sabedoria popular">
                <ul>
                    <li>Mais vale um pássaro na mão, do que dois a voar.</li>
                    <li>Quem não arrisca, não petisca.</li>
                </ul>
            </blockquote>
        </section>
        <section name="sectionDitadosConversacao">
            <header>
                <h1>Saberes do que se diz</h1>
            </header>
            <blockquote cite="autor desconhecido">
                <ul>
                    <li>Quem te avisa, teu amigo é.</li>
                    <li>Quem muito desdenha, quer comprar.</li>
                </ul>
            </blockquote>
        </section>
    </section>

    <hr><!-- quebra semântica -->

    <blockquote
        lang="en"
        cite="Niki Lauda">Victory teaches you nothing.
    <br>
        <img
            src="niki_lauda.jpg"
            width="25%"
            alt="
            Niki Lauda vence GP de Inglaterra de 19??
            If you are reading this, either your device prefers text
            to images, or an existing image resource is broken.
            "
        >
    </blockquote>


    <blockquote
        cite="Mike Tyson">Everyone has a plan, until punched on the face.
        <br>
        <img
            lang="pt"
            width="20%"
            src="./imgs/sports/mike_tyson.jpg"
            alt="Mike Tyson põe KO alguém."
        >
        <br>
        <img
            lang="pt"
            width="30%"
            src="../imagens/mike_tyson.jpg"
            alt="Mike Tyson põe KO alguém."
        >
    </blockquote>

    <hr>
    <p>Mike               Tyson</p>
    <!-- ampersand -->
    <p>Mike&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tyson</p>

    <p>código 65 : &#65;</p>
    <script
        type="text/javascript"
        language="javascript"
    >
        const COD_INICIAL=0
        const COD_FINAL=255
        var strHtml = ""
        for(
            codigo=COD_INICIAL;
            codigo<=COD_FINAL;
            codigo+=1
        ){
            symbol="&#"+codigo+";";
            strLine=codigo+" : "+symbol+"<br>";
            strHtml+=strLine;
        }
        document.write(strHtml)

    </script>
</body>
</html>