-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
63 lines (56 loc) · 3.24 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="Favicon/papermoji.ico" type="image/x-icon">
<title>Notes in HTML</title>
</head>
<body>
<h1>Notes in HTML</h1>
<p>Projeto de estudo de HTML com o objetivo de criar um site com o aprendizado dinamico das aulas. </p>
<hr>
<!--TAGS PRINCIPAIS-->
<h2>Tags</h2>
<p>Tags são as marcações feitas em HTML que criam os hiper textos. Exemplo:
<br><h1> cria <strong>titulos</strong> com fechamento,
<br> <h2> cria <strong>subtitulos</strong> com fechamento, <br><hr> cria <strong>linhas horizontais</strong> sem fechamento e
<br><p> cria <strong>paragrafos</strong>
<br>
<br>Para deixar o texto formatado, usamos as tags <strong> e <EM> respectivamente para <strong>negrito</strong> e <EM>italico</EM>. Ambas com fechamento</p>
<!--PULO DE LINHAS-->
<p>Usa-se <br> para criar pulos de linhas. </p>
<p>Todo este site esta sendo criado com essas tags</p>
<!--IMAGENS-->
Para que você não ache que estou mentido, tirei essa screnshot agora da minha tela de trabalho e usei a tag <img src="nome do arquivo.extensão" alt="Texto alternativo"> para puxar a imagem e provar que realmente estou trabalhando no codigo.</p>
<img src="Imagens/Captura de tela 2024-04-01 175653.png" alt="Tela de trabalho">
<!--Se colocar varios img lado a lado as imagens ficam literalmente lado a lado-->
<p>Se você reparar bem, no print acima não tinha nenhum icone na aba do navegador alem desse papelzinho horroroso. Se olhar agora, percebera que existe ali um Favicon</p>
Favicon é o simbolo que fica na aba do navegador e dos favoritos.</p>
<h3>Simbolos e emojis</h3>
<p>Simbolos e emojis são muito importantes na construção de um site. Para usa-los, basta usar suas respectivas estruturas e ver o resultado. <br> Alguns exemplos de simbolos e suas estruturas a partir do <strong>&</strong> (e comercial)</p>
<p> Espaço em branco
<br> ® Marca registrada
<br> © copyright
<br> ™Trade Mark
<br> € Euro
<br> £ Libra
<br> ¥ Yen (moeda japonesa/chinesa)
<br> ¢ centavo americano
<br>∅ Vazio
<br> ∑ Soma
<br>Δ Simbolo de Delta maior
<br> δ Simbolo de Delta menor
<br> ← Seta esquerda
<br>↑ Seta acima
<br> → Seta direita
<br> ↓ Seta baixo
</p>
<p>Ja para usar <strong>Emojis</strong> é necessario usar a estrutura &#x e adicionar o codigo hexadecimal do emoji, presnte no site emojipedia.org e finalizar com o ;</p>
<p>Exemplo: 😂 "Face with Tears of Joy" codigo hexadecimal U+1F602</p>
<h2>Para as proximas aulas</h2>
<p>- Aprender como criar listas com marcadores <br>- Aprender como dar pulo de linhas. (Resolvido) <br> - Aprender a usar tachado no HTML. <br> - Aprender como mencionar os simbolos de < > em um texto de conteudo do HTML <br> - Aprender a adicionar hyperlinks
</p>
<!--Teste de modificação no GIT-->
</body>
</html>