Escolar Documentos
Profissional Documentos
Cultura Documentos
DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
</head>
<title>Meu treino</title>
<body>
<h1>Passagem padrão original de Lorem Ipsum, usada desde o século
XVI.</h1>
<p> Lorem ipsum dolor sit amet, consectetur. adipiscing elit, sed
do eiusmod tempor <strong>incididunt ut labore</strong> et
dolore magna aliqua.<br>
Ut enim ad minim veniam, quis <em>nostrud exercitation ullamco
laboris nisi ut aliquip</em> ex ea commodo consequat.
</p>
<p>
Duis aute irure dolor in <strong>reprehenderit in
voluptate</strong> velit esse cillum dolore eu fugiat nulla
pariatur.<br>
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum.
</p>
<h1>Formatação de texto</h1>
<h2>Negrito e Itálico</h2>
<p>
Antigamente usava-se a tag (b) que é bold para negrito e (i) para
itálico, que são poucos semânticos.<br>
Atualmente usa-se as tags (strong) para destaque e (em) para
ênfase.<br>
</p>
<p>
Exemplo com (strong e em):<br>
But I must explain to you how all this mistaken idea of
denouncing pleasure and <strong>praising pain was born and I
will</strong><br> give you a complete account of the system, and expound the actual
teachings of the great explorer of the truth, the master-builder of
human happiness. No one rejects, dislikes
</p>
<p>
Exemplo:<br>
<mark>Este texto eu quero uma marcação igual a de canetas de
marca-textos.</mark><br>
</p>
<h2>Texto inserido</h2>
<p>
É o oposto do anterior.<br>
Usava-se a tag u de sublinhado agora é usada a tag ins.
<p>
Exemplo:<br>
Este é uma texto que <ins>pode ser considerado</ins>.
<h2>Texto sobrescrito e subescrito</h2>
<p>
É utilizada duas tags a de sobscrito sup e de subscrito sub.
</p>
<p>
Exemplo:<br>
X2 (x ao quadrado) => X<sup>2 usando a tag sup.<br>
H2O (H dois Ó) => H<sub>2</sub>O.
</p>
<h2>Trechos e citações</h2>
<p>
Para mostrar um trecho de de código no HTML usa-se a tag code ela é
semântica indica ao navegador que é um código de computador.<br>
Porêm o texto fica sem quebbra e não identado, para osso usa-se também
a pré-formatação pre, com ela o texto ficab<br> igual como o digitado na
codificação.
</p>
<p>
Exemplo:
<pre><code>
#include <stdio.h> // biblioteca standard de Input/Output
main(){
int j; // declara var. j inteira
printf("Digite um valor inteiro e ENTER\n"); // mostra na
tela
scanf("%d", &j); // ler j, NAO digitar NADA entre %d e "
printf("Valor de j e' %d\n", j); // mostra na tela valor de
j lido
} // fim main
</code></pre>
<h2>Citações</h2>
<p>
Para citações no meio de uma paragrafo usamos a tag q (do ingles
quote que significa citação).<br>
Como diria o velho deitado:<br>
<q>Vale mais um passaro na mão do que dois voando.</q>
<p>
Usamos também a tag blockquote para citações maiores 1 ou mais
paragrafos.
</p>
<h2>Abreviações</h2>
<p>
Para mostrar ao navegador o que um sigla significa usamos a tag
abbr ficando assim:<br>
Estou estudando <abbr title="Hyper text markup
language">HTML.</abbr>
</p>
<h2>Texto invertido</h2>
<p>bdo => bi-direcinal override<br>
<bdo dir="rtl">katia passeia com os cachorros.</bdo><br>
<!--<bdo dir="ltr"> aqui vai o texto invertido</bdo>-->
</p>
</body>
</html>