Linguagem de Marcação – Introdução ao HTML
1. Introdução à Linguagem de Marcação
1.1 O que são linguagens de marcação?
Linguagens de marcação são sistemas de regras que permitem a organização e estruturação de informações.
Elas utilizam tags (marcas) para indicar o tipo de conteúdo e como ele deve ser apresentado.
1.2 Para que servem as linguagens de marcação?
- Organização: As tags definem a estrutura lógica do conteúdo, facilitando a leitura e interpretação.
- Apresentação: As tags indicam como o conteúdo deve ser apresentado, definindo formatação, estilos e layout.
- Interoperabilidade: As tags permitem que diferentes sistemas (como navegadores web, editores de texto e plataformas online) interpretem o conteúdo da mesma forma.
Exemplo:
<h1>Título da Página</h1>
<p>Este é um parágrafo de texto.</p>
Neste exemplo, as tags <h1> e <p> definem a estrutura do conteúdo.
<h1> indica um título principal e <p> indica um parágrafo de texto.
2. Tipos de Linguagens de Marcação
Existem diversos tipos de linguagens de marcação, cada um com sua aplicação específica:
2.1 Linguagens de Marcação de Texto:
- Markdown: Linguagem simples e fácil de usar, ideal para documentos online, como artigos, README files .
- LaTeX: Linguagem complexa, usada para documentos científicos, livros e artigos técnicos.
2.2 Linguagens de Marcação de Dados:
- XML (Extensible Markup Language): Linguagem flexível para definir estruturas de dados. Utilizada em documentos, configurações e troca de dados. Exemplo Nota Fiscal.
- JSON (JavaScript Object Notation): Formato de dados leve e human-readable (Formato legível por humanos) ex. Previsão Clima, ideal para troca de dados entre aplicações web e APIs.
2.3 Linguagens de Marcação de Apresentação:
- HTML (HyperText Markup Language): A linguagem de marcação base da web, utilizada para criar páginas web.
3. HTML: A Linguagem da Web
3.1 O que é HTML?
HTML é a linguagem de marcação utilizada para criar páginas web. Ela define a estrutura, conteúdo e aparência das páginas que você visualiza na internet.
3.2 Estrutura Básica de um Documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>Título da Página</title>
</head>
<body>
<h1>Bem-vindo ao meu site!</h1>
<p>Este é um parágrafo de texto.</p>
</body>
</html>
- html: Tag que engloba todo o documento HTML.
- head: Seção para metadados da página, como título, links para CSS e outros scripts.
- title: Define o título da página que aparece na aba do navegador.
- body: Seção onde o conteúdo visível da página é inserido.
Compartilhe:
Publicar comentário