aula323.html

<!DOCTYPE html>
<html lang="pt-Br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1{
            background: red;
        }
    </style>
</head>
<body>
    <h1>Cabeçalho</h1>
    <h1>Cabeçalho</h1>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nam ratione ullam quas quos iste. Fugiat beatae ipsum unde possimus expedita labore nisi ipsa quas error nam. Laudantium dicta beatae porro. A tag 'strong', assim como a 'bold', foi feita para deixar alguma palavra ou texto selecionado em <strong>EVIDÊNCIA</strong>, o que facilita para os deficientes visuais que terão a palavra lida pelo leitor de texto, com uma entonação mais forte. A tag 'i' deixa o texto em <i>ITÁLICO</i>, enquanto que a 'em', dá ênfase ao <em>TEXTO</em>. Parecem iguais e visualmente são, mas quando lidas pelo leitor de texto, sua função é executada.</p>
    <p>Se eu quiser introduzir um 'link' aqui o ideal é a utilização da tag 'a': 
        <a href="https://fabipodcasts.blogspot.com/" target='_blank'>Recomendo este site</a> me segue:
    <a href="https://t.co/e1HflVVSeo" target="_blank">
        <img src="https://pbs.twimg.com/card_img/1494856506122063879/N2DV4ICm?format=png&name=small" alt="Campanha pela Vida">
    </a>    
        O target igual a blank, significa que o link irá abrir em uma nova aba.
   
    No primeiro exemplo, foi um link de texto, no segundo, a imagem direcion para o link.    
    </p>
    
</body>
</html>