Modelagem

Símbolos

Reservado

código Símbolo Descrição
& & E comercial
&lt; < Menor
&gt; > Maior

Especiais

código Símbolo Descrição
&reg; ® Marca registrada
&copy; © Copy right
&real; Real
&yen ¥ Moeda japonesa
&Delta Δ Delta
&Alpha Α Alpha
&uparrow Seta acima

Emojis

o site para pesquisar os codigos é a Emojipedia. Ou Unicode

Antes do codigo disponibilizado pelo emojipedia adicione &#x seguido do codigo depois do "+" e finalize com ";" 😎 🍆

Linha

Tag <hr>


Quebra linhas

Para quebrar linhas
use <br>

Formatações

A maneira semântica indica sentido, a não semântica é apenas a forma.

Principais Formatacoes

Negrito / Destaque

Não semântica e pela forma é só usar <b>

Já pela maneira semantica e através da tag Strong

Italico / Enfase

É possível fazer Itálico utilizando a tag <i> (não semantica)

Já pela maneira semantica é simplismente usar a tag <em> que significa emphasis.

Texto marcado

Para marcar um texto usamos a tag <mark>

E para trocar a cor do marcador (não semantico) usamos o estilo

<mark style="background-color:"purple";"> <mark>

Tamanho de textos

Para texto pequeno temos a tag <Small>

Texto deletado

Podemos colocar um texto como Deletado, usando a tag <del>

Texto inserido / enfase ou sublinhado

Basta usar a tag <ins>

É possivel também usar o tag 'U' porem não tem o sentido semântico

Texto Sobrescrito e Subscrito

No texto Sobrescrito temos as letras acima como x'3'+30 = 36 (para cima) tag usada <sup>

No texto Subscrito temos um exemplo H2O (para baixo) tag usada <sub>

Código-fonte

O comando document.getElementById('teste') é escrito em javascript. É conhecido tbm como fonte monoespaçada

Mantendo a Indentação

Para manter a Indentação basta usar a tag <pre> que significa preformatado

        
    n = int(input('Digite um numero'))
    if n % 2 == 0:
        print(f'o numero {n} é par')
    else:
        print(f'o numero {n} é ímpar')

        
    

Citações

Citações simples

A versão semantica é utilizando a tag <q>

Citações Completas

Usar a tag <blockquote cite="link">

O que um Ser de Quatro Dimensões Veria ao Olhar Para Você

Ele veria todo o seu corpo, a parte de trás e da frente. E também seus órgãos internos. Tudo ao mesmo tempo. Apesar de jamais podermos de fato visualizar a quarta dimensão, podemos entender a lógica por trás da progressão de dimensões, e tentar assimilar a possibilidade de alguém conseguir ver o interior de outra pessoa. Tudo pelo puro exercício de visualização matemática.

Abreviações

Use a tag <abbr> serve para descrever.

Texto invertido

Tudo ao contrario nessa porra, ache uma utilidade ☺

Boilerplate

É um arquivo pronto contendo estruturas prontas para inicio de desenvolvimento. Como um formulário em branco, um molde inicial. Tudo que usamos em um front-end pré estruturado para servir de estopim do projeto