Aprendendo e Evoluindo: 2017

Matemática Básica (Operações)

HTML5 (4) - <span>, text-decoration (underline, overline, line-through, none), font-weight (normal, bold, bolder, um número entre o valor 100 á 900)

A tag span fornece uma maneira de configurar o estilo de uma parte de um texto ou parte de um documento.

Para usar a tag span é preciso conhecer alguns atributos:

O atributo text-decoration tem o objetivo de formatar o texto de acordo com o seu valor:

- underline (sublinha o texto).

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: underline;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- overline (linha em cima do texto)

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: overline;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- line-through (linha no meio do texto)

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: line-through;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- none (sem formatação no texto)

Ex:

<h2>Evolução</h2>
<p><span style="text-decoration: none;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

O atributo font-weight tem o objetivo de formatar o texto de acordo com o seu valor:

- normal (sem formatação no texto.)

Ex:

<h2>Evolução</h2>
<p><span style="font-weight: normal;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- bold (texto em negrito)

Ex:

<h2>Evolução</h2>
<p><span style="font-weight: bold;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- bolder (texto com um negrito mais forte)

Ex:

<h2>Evolução</h2>
<p><span style="font-weight: bolder;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

- Um número entre o valor 100 á 900, cada número está relacionado com uma certa quantidade de negrito, quanto maior o número mais negrito.

Ex.1:

<h2>Evolução</h2>
<p><span style="font-weight: 100;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

Ex.2:

<h2>Evolução</h2>
<p><span style="font-weight: 900;">Processo</span> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

Lingua Portuguesa (3,4,5) - Acentuação Gráfica, Sílabas,Sílabas Tônicas, Encontros Vocálicos

Acentuação Gráfica

Para compreender acentuação gráfica, precisamos saber:

Como as palavras podem ser separadas em:

Monossílabas: uma sílaba.
Dissílabas: duas sílabas.
Trissílabas: três sílabas.
Polissílabas: mais de três sílabas.

Mas não basta apenas saber como se separam as palavras, é preciso saber qual a sílaba acentuada, ou seja, sílaba tônica. Lembrando que acentuada não quer dizer com acento, mas sim sílaba mais forte.

Sílabas Tônicas:

Oxítonas: última sílaba. Ex.: café, rim, tupi...
Paroxítonas: penúltima sílaba. Ex.: cadeira...
Proparoxítonas: antepenúltima sílaba. Ex.: música...

Encontros vocálicos:

Ditongo: duas vogais na mesma sílaba.

O ditongo pode ser:

Decrescente: quando a primeira vogal do ditongo é a mais forte.

Ex.: herói, boi, céu, fui...

Crescente: quando a segunda vogal é a mais forte.

Ex.: aquário, goela, quase, frequente...

Tritongo: três vogais na mesma sílaba.

Ex.: Uruguai, quais, Paraguai, enxaguou...

Hiato: mais de uma vogal junta na mesma palavra, mas não na mesma sílaba.

Ex.: saí, saída, joelho, hiato...

Terão Acentuação Gráfica:

Monossílabos Tônicos, terminados em:

A(s): Ex.: pá, lá, cá...
E(s): Ex.: pé, vê, dê...
O(s): Ex.: dó, pó, só...
Ditongo Aberto: Ex.: Céu, Véu...

Oxítonas (última), terminadas em:

A(s): Ex.: xarás, Pará...
E(s): Ex.: você, café...
O(s): Ex.: cipó, vovô...
Em(s): Ex.: também, parabéns, amém...
Ditongo Aberto: Ex.: anéis, fiéis, papéis...

3. Paroxítonas (penúltima), terminadas em:

I, U, M, N, R, S, L, Ã, ÃO, OS e Ditongo.

Alterações:

1ª Alteração:

As paroxítonas com ditongo aberto não terão acento.

Ex.: Ideia, assembleia, jiboia, heroico...

2ª Alteração:

Perderam o acento as palavras com duplo e e o.

EE: Ex.: veem, creem, deem, descreem...

OO: Ex.: voo, enjoo, perdoo, abençoo...

Obs.: Não mudaram: ter, Ele tem, Eles têm, ver, Eles vêm, Ele retém, Eles retêm.

Referência:

HTML5 (3) - <b>, <i>, <em>, <del>, <style>, text-align (center, left, right, justify)

A tag b faz com que o texto fique em negrito.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><b>Processo</b> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag i é utilizada para que o texto fique com formatação em itálico.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><i>Processo</i> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag em é utilizada para que o texto fique com formatação em ênfase.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><em>Processo</em> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag del é utilizada para dizer que o texto foi deletado.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p><del>Processo</del> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

Existem duas formas de configurar o estilo:

1. Adicionando a tag style dentro do elemento que deseja configurar o estilo, com o objetivo de configurar um único elemento.

Obs.: Para configurar o estilo basta colocar os atributos dentro do “(atributo 1; atributo 2;...)”.

Antes de utilizarmos o style precisamos saber alguns atributos:

O atributo text-align alinha o texto de acordo com o seu valor:

- center(centro)

Ex:

<h1 style= "text-align: center;">Aprendendo e Evoluindo</h1>

Executando:

- left(esquerda)

Ex:

<h1 style= "text-align: left;">Aprendendo e Evoluindo</h1>

Executando:

- right(direita)

Ex:

<h1 style= "text-align: right;">Aprendendo e Evoluindo</h1>

Executando:

- justify(esquerda e direita)

Ex:

<p style= "text-align: justify;">Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

O atributo text-indent tem o objetivo de colocar uma margem de acordo com seu valor (um número em px).

Ex:

<h2>Evolução</h2>
<p style="text-indent:50px;">Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>

Executando:

2. Adicionando a tag style dentro do head para configurar o estilo, com o objetivo de configurar vários estilos de elementos com estilos iguais.

Obs.: Para configurar o estilo basta colocar os atributos dentro do {( atributo 1; atributo 2;...)}.

Ex.1:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
<style>
h1 {
text-align: center;
}
</style>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h1>Evolução</h1>
<p>Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

Ex.2:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
<style>
h1,h2 {
text-align: center;
}
</style>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

HTML5 (2) - <p>, <br/>,   , <sup>, <sub>, símbolos

A tag p é utilizada para parágrafos.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag <br/> é utilizada para quebra de linhas.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo<br/> em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag   é utilizada para fazer um espaço.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo        em que há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag sup gera um resultado sobrescrito.

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo<sup> em que</sup> há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

A tag sub gera um resultado sobrescrito:

Ex:

<!DOCTYPE html>
<html lang= “pt-br”>
<head>
<title><meta charset= "UTF-8"/>
<title>Aprendendo e Evoluindo</title>
</head>
<body>
<div>
<h1>Aprendendo e Evoluindo</h1>
<h2>Evolução</h2>
<p>Processo<sub> em que</sub> há modificação constante e progressiva, alterando um estado ou uma condição.</p>
</div>
</body>

</html>

Executando:

Símbolos:

<	<	≠	≠	®	®	↑	↑
>	>	Δ	Δ	™	™	↓	↓
≤	≤	δ	δ	&permil;	‰	↓	↔
≥	≥	λ	λ	∑	∑	&pades;	♠
£	£	ω	ω	∞	∞	&clubs;	♣
¥	¥	φ	φ	×	×	&hearts;	♥
€	€	←	←	±	±	&diams;	♦
©	©	&Rarr;	↠	&oplus;	⊕	&	&

Matemática Básica (Operações)

HTML5 (4) - <span>, text-decoration (underline, overline, line-through, none), font-weight (normal, bold, bolder, um número entre o valor 100 á 900)

Lingua Portuguesa (3,4,5) - Acentuação Gráfica, Sílabas,Sílabas Tônicas, Encontros Vocálicos

HTML5 (3) - <b>, <i>, <em>, <del>, <style>, text-align (center, left, right, justify)

HTML5 (2) - <p>, <br/>, &nbsp; , <sup>, <sub>, símbolos

HTML5 (2) - <p>, <br/>, , <sup>, <sub>, símbolos