Você sabia? As linguagens de marcação estão em todo lugar!

[{ "selector":"#bg_1", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_1", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_1", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Descubra como essas sequências de códigos transformam o texto em algo visualmente atrativo. Você vai ficar surpreso! Saiba Mais

O que é linguagem de marcação?

[{ "selector":"#bg_2", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_2", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_2", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Uma linguagem de marcação organiza e formata textos e documentos. Ela define os estilos e estruturas a serem aplicados. Saiba Mais

Para que serve uma linguagem de marcação?

[{ "selector":"#bg_3", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_3", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_3", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Essas linguagens padronizam a aparência de páginas web e documentos, permitindo que softwares entendam e exibam informações corretamente. Saiba Mais

Como funciona uma linguagem de marcação?

[{ "selector":"#bg_4", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_4", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_4", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] As tag são a essência das linguagens de marcação. Elas sinalizam ao sistema como processar e exibir cada elemento na página. Saiba Mais

Exemplo de código HTML

[{ "selector":"#bg_5", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_5", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_5", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Veja como um simples código HTML é estruturado: , e como cada tag tem uma função específica de formatação. Saiba Mais

Principais linguagens de marcação

[{ "selector":"#bg_6", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_6", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_6", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Explore as linguagens mais utilizadas, como HTML, Markdown e XML, e descubra a função de cada uma delas! Saiba Mais

HTML - para web design

[{ "selector":"#bg_7", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_7", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_7", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] HTML, a linguagem de marcação do hipertexto, é fundamental para criar páginas na web. Cada tag tem um propósito visível. Saiba Mais

Markdown - simplicidade na formatação

[{ "selector":"#bg_8", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_8", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_8", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Markdown facilita a formatação de textos com simples códigos, como transformar um texto em negrito com '**'. Saiba Mais

XML - flexibilidade e leitura humana

[{ "selector":"#bg_9", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_9", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_9", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] XML formata documentos de forma que eles sejam legíveis tanto por humanos quanto por máquinas, sendo muito versátil. Saiba Mais

Linguagem de marcação vs programação

[{ "selector":"#bg_10", "keyframes":{"transform":["scale(1.5)","scale(1)"]}, "duration":2000, "delay":0, "fill":"forwards" }] [{ "selector":"#title_10", "keyframes":{"transform":["translateX(-100%)","translateX(0)"]}, "duration":600, "delay":0, "fill":"both" }] [{ "selector":"#desc_10", "keyframes":{"opacity":[0,1]}, "duration":600, "delay":0, "fill":"both" }] Entenda as diferenças: enquanto a linguagem de marcação define a aparência, a programação dita a lógica das tecnologias. Saiba Mais