-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcitaçõesecódigos.html
93 lines (82 loc) · 3.74 KB
/
citaçõesecódigos.html
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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>Outras Formatações</title>
</head>
<body>
<h1>Outras Formatações</h1>
<h2>Código Fonte/ Pré-Formatação</h2>
<p>O comando document.getElementById('teste') é escrito em linguagem JavaScript.
<br>
Para aparecer bonito = a espaçamento entre as letras igual. Seleciona envelopa e o comando é code
<br>
O comando <code>document.getElementById('teste')</code> é escrito em linguagem JavaScript.
<br>
<br>
Observe a diferença entre o espaço nos dois comandos. O que está no code de baixo é linguagem phiton.
</p>
<p>
<code>
num = int(input('Digite um número'))
if num % 2 ==0
print(f'O número {num} é PAR')
else:
print(f'O número {num} é ÍMPAR')
print('Fim do Programa')
</code>
<p>Só o code não organiza o código digitado direitinho. Para isso vc tem que pegar a tag code e envelopar ela em uma tag pre. caso queira recuar td texto seleciona só o texto sem as tags e aperta shifth tab ai o tab vai trazendo. Apertando só tab ela anda para o lado. Usando a tag pre funciona como um word. Assim, os espaços e quebras de linha aparecem na versão final do site. </p>
</p>
<br>
<p>
<pre>
<code>
num = int(input('Digite um número'))
if num % 2 ==0
print(f'O número {num} é PAR')
else:
print(f'O número {num} é ÍMPAR')
print('Fim do Programa')
</code>
</pre>
</p>
<br>
<p>
<pre>
<code>
num = int(input('Digite um número'))
if num % 2 ==0
print(f'O número {num} é PAR')
else:
print(f'O número {num} é ÍMPAR')
print('Fim do Programa')
</code>
</pre>
</p>
<h2>Citações Simples e sem Quebra</h2>
<p>Como diria o pai de um amigo: <q>O computador é um burro muito rápido.</q>
<br>
<br>
Para ficar bonitinho envelopa e us a tag q
</p>
<h2>Citações Completas</h2>
<p>
Aqui com blockquote vc além de transformar em citação ela vai um pouco mais para dentro.
<br><br>
Segundo Jeff Noble, no seu livro HTML para leigos:
<blockquote> Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, vitae deleniti unde voluptate expedita voluptas atque accusantium maiores neque hic necessitatibus mollitia excepturi laudantium ad adipisci! Provident quos autem illo?</blockquote>
</p>
<p>Dentro do blockquote vc pode criar um parâmetro citando o link da fonte </p>
<br>
<p>
Aqui com blockquote vc além de transformar em citação ela vai um pouco mais para dentro.O endereço não fica clicavel na vdd só serve p vc e seu ccódigo manterem um registro.
<br><br>
Segundo Jeff Noble, no seu livro HTML para leigos:
<blockquote cite="https://www.udemy.com/course/aprendahtml/?utm_source=adwords-intl&utm_medium=udemyads&utm_campaign=HTML_new_v.PROF_la.PT_cc.BR_ti.6148&utm_content=deal4584&utm_term=_._ag_101403443653_._kw_%2Baprender+%2Ba+%2Bprogramar+%2Bhtml_._ad_557439539171_._de_c_._dm__._pl__._ti_kwd-334878271841_._li_1001655_._pd__._&gclid=Cj0KCQjwz7uRBhDRARIsAFqjulng8Oq7-0zx4DRx-afPQMp0h6PSoS3XKgqoklK0SeBSi_7pDddnmnYaAgCREALw_wcB"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam, vitae deleniti unde voluptate expedita voluptas atque accusantium maiores neque hic necessitatibus mollitia excepturi laudantium ad adipisci! Provident quos autem illo?</blockquote>
</p>
<h2>Texto Invertido</h2>
<p><bdo dir="rtl">Estou aprendendo HTML e CSS.</bdo></bdo></p>
</body>
</html>