Introdução
A Linguagem de Marcação é uma forma de codificação utilizada para formatar e estruturar documentos eletrônicos, como páginas da web. Ela consiste em utilizar tags ou elementos para indicar ao navegador como o conteúdo deve ser apresentado. Neste glossário, vamos explorar os principais conceitos e termos relacionados a essa linguagem fundamental para o desenvolvimento web.
1. HTML (HyperText Markup Language)
O HTML é a linguagem de marcação padrão para a criação de páginas da web. Ele define a estrutura e o layout do conteúdo, utilizando tags para identificar diferentes elementos, como títulos, parágrafos, imagens, links, entre outros. O HTML é interpretado pelos navegadores, que exibem o conteúdo de acordo com as instruções fornecidas pelas tags.
1.1 Elementos HTML
Os elementos HTML são as tags utilizadas para marcar o conteúdo de uma página. Cada elemento possui uma função específica e pode conter atributos que modificam seu comportamento ou aparência. Alguns exemplos de elementos HTML são: <h1> para títulos de nível 1, <p> para parágrafos, <img> para imagens e <a> para links.
1.2 Atributos HTML
Os atributos HTML são utilizados para fornecer informações adicionais aos elementos. Eles são definidos dentro das tags e podem modificar o comportamento ou a aparência do elemento. Por exemplo, o atributo src é utilizado para especificar a origem de uma imagem, enquanto o atributo href define o destino de um link.
2. CSS (Cascading Style Sheets)
O CSS é uma linguagem de estilo utilizada para controlar a apresentação visual de um documento HTML. Ele permite definir cores, fontes, tamanhos, posicionamentos e outros aspectos visuais das páginas da web. O CSS trabalha em conjunto com o HTML, separando a estrutura do conteúdo da sua aparência, o que facilita a manutenção e o design responsivo.
2.1 Seletor CSS
Os seletores CSS são utilizados para identificar os elementos HTML aos quais as regras de estilo serão aplicadas. Existem diferentes tipos de seletores, como os seletores de elemento, de classe, de ID e de atributo. Por exemplo, o seletor p é utilizado para aplicar estilos a todos os parágrafos de um documento, enquanto o seletor .destaque é utilizado para estilizar elementos com a classe “destaque”.
2.2 Propriedades CSS
As propriedades CSS são utilizadas para definir os estilos dos elementos selecionados. Elas podem controlar aspectos como cor, tamanho, margem, preenchimento, entre outros. Por exemplo, a propriedade color define a cor do texto, a propriedade font-size define o tamanho da fonte e a propriedade margin define as margens do elemento.
3. XML (eXtensible Markup Language)
O XML é uma linguagem de marcação utilizada para estruturar dados de forma hierárquica. Diferente do HTML, que possui uma estrutura pré-definida, o XML permite criar tags personalizadas, o que o torna flexível e adaptável a diferentes necessidades. O XML é amplamente utilizado para o armazenamento e troca de informações entre sistemas.
3.1 Documento XML
Um documento XML é composto por elementos hierarquicamente organizados. Cada elemento pode conter atributos e outros elementos como filhos. Por exemplo:
<livro>
<titulo>Aprenda HTML</titulo>
<autor>João Silva</autor>
<ano>2022</ano>
</livro>
3.2 DTD (Document Type Definition)
O DTD é uma forma de definir a estrutura e as regras de validação de um documento XML. Ele especifica quais elementos são permitidos, quais atributos podem ser utilizados e como eles devem ser organizados. O DTD é utilizado para garantir a consistência e a integridade dos dados em um documento XML.