Formatting

Tags

O que são as tags de formatação?

As etiquetas de estilo no HTML são recursos fundamentais para manipular a exibição e o design do conteúdo em uma página da web. Elas concedem aos programadores a capacidade de definir a aparência de texto, imagens e outros elementos na janela do navegador. Estas etiquetas desempenham um papel crucial na elaboração de páginas da web com um layout apelativo e esteticamente agradável.
Saiba mais em developer.mozilla.org

Atributos de Eventos

Os eventos disparados pelas tags HTML podem disparar scripts no JavaScript da página se eles existirem. Contudo o script de tratamento de evento da tag HTML não é obrigatório, ou seja, o evento sempre ocorrerá mas se não houver uma rotina para tratamento deles não irá ocorrer qualquer erro. Definimos scripts para tratar apenas os eventos que nos interessam.

<p onclick="redirecionar()">Clique aqui!</p> arrow_right_alt

Clique aqui!

<p id="change_on_scroll">Clique aqui!</p> arrow_right_alt

0

<input type="text" id="demo" onkeydown="keydownFunction()" onkeyup="keyupFunction()" /> arrow_right_alt

Os eventos no Javascript são disparado pelos elementos do DOM da página corrente. Portanto o evento está amarrado a tag disparadora do evento.

Small

É representado pela tag <small>, sua função e de fazer uma parte do texto ficar pequena, como o exemplo abaixo.


Exemplo arrow_right_alt Exemplo

Mark

É representado pela tag <mark>, ele tem a função de marcar uma parte do texto como especial, como se um marcador tivesse passado por cima.


Exemplo arrow_right_alt Exemplo

Subscript

É representado pela tag <sub>, tem a função de deixar um elemento para fora da linha de baixo, comumente usado em formulas quimicas.


H2O arrow_right_alt H2O

Supscript

Representado pela tag <sup>, tem a função de deixar as letras para fora da linha de cima, comumente usado em contas com numeros elevados.


2^2 = 4 arrow_right_alt 22 = 4

Itálico e Emphase

Os elementos são respectivamente representados pelas tags <i> e <em>, segundo o W3C, o Italico, serve para indicar um termo tecnico, uma palavra de uma outra lingua, um pensamento, etc. Já o emphase, ele define uma emphase, mas funcionalmente, os dois fazem as mesmas coisas, deixando o texto em itálico.


Itálico arrow_right_alt Itálico Emphase arrow_right_alt Emphase

Deleted

O elemento Deleted e representado pela tag <del>, servindo para mostrar que aquela parte do texto foi apagada ou que precisa ser apagada, ele faz isso fazendo um risco na palavra.


Deleted arrow_right_alt Deleted

Inserted

O elemento Inserted é representado pela tag <ins>, ele é o oposto do deleted, mostrando informações que foram inseridas no site, ele faz isso o deixando sublinhado.


Inserted arrow_right_alt Inserted

Bold e Strong

Os elementos Bold e Strong, são representados respectivamente pelas tags <b> e <strong>, segundo o W3C a tag Bold, serve para deixar a informação em negrito, já a tag Strong, e para dar enfaze a informação, mas funcionalmente, as duas servem para por negrito.


Strong arrow_right_alt Strong