59 lines
2.7 KiB
Markdown
59 lines
2.7 KiB
Markdown
|
---
|
||
|
title: HTML
|
||
|
localeTitle: HTML
|
||
|
---
|
||
|
# HTML
|
||
|
|
||
|
O HyperText Markup Language (HTML) é uma linguagem de marcação usada para construir documentos on-line e é a base da maioria dos sites atualmente. Uma linguagem de marcação como HTML nos permite 1) criar links para outros documentos, 2) estruturar o conteúdo em nosso documento e 3) atribuir contexto e significado ao conteúdo de nosso documento.
|
||
|
|
||
|
Um documento HTML tem dois aspectos para isso. Ele contém informações estruturadas (Marcação) e links de texto (HyperText) para outros documentos. Nós estruturamos nossas páginas usando [elementos HTML](#) . São construções da linguagem que fornecem [estrutura](#) e [significado](#) em nosso documento para o navegador e para o elemento links para outros documentos em toda a internet.
|
||
|
|
||
|
A internet foi originalmente criada para armazenar e apresentar documentos estáticos (imutáveis). Os aspectos do HTML discutidos acima foram vistos perfeitamente nesses documentos que não tinham design e estilo. Eles apresentaram informações estruturadas que continham links para outros documentos.
|
||
|
|
||
|
HTML5 é a versão mais recente ou especificação de HTML. O World Wide Web Consortium (W3C) é a organização responsável pelo desenvolvimento de padrões para a World Wide Web, incluindo aqueles para HTML. À medida que as páginas da Web e os aplicativos da Web se tornam mais complexos, o W3C atualiza os padrões do HTML.
|
||
|
|
||
|
HTML5 introduz uma série de elementos semânticos. Embora tenhamos discutido HTML ajudou a fornecer significado para o nosso documento, não foi até a introdução de [elementos semânticos](#) do HTML5 que seu potencial foi realizado.
|
||
|
|
||
|
## Um exemplo simples de documento HTML
|
||
|
|
||
|
```html
|
||
|
|
||
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<title>Page Title</title>
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<h1>My First Heading</h1>
|
||
|
<p>My first paragraph.</p>
|
||
|
|
||
|
</body>
|
||
|
</html>
|
||
|
```
|
||
|
|
||
|
DOCTYPE html: define este documento como HTML5
|
||
|
|
||
|
html: o elemento raiz de uma página HTML
|
||
|
|
||
|
head: O elemento contém meta informações sobre o documento
|
||
|
|
||
|
title: o elemento especifica um título para o documento
|
||
|
|
||
|
body: o elemento contém o conteúdo da página visível
|
||
|
|
||
|
h1: O elemento define um cabeçalho grande
|
||
|
|
||
|
p: O elemento define um parágrafo
|
||
|
|
||
|
### Versões HTML
|
||
|
|
||
|
Desde os primeiros dias da web, tem havido muitas versões do HTML
|
||
|
|
||
|
Versão | Ano | | --- | --- | | HTML | 1991 | | HTML 2.0 | 1995 | | HTML 3.2 | 1997 | | HTML 4.01 | 1999 | | XHTML | 2000 | | HTML5 | 2014 |
|
||
|
|
||
|
#### Outros recursos
|
||
|
|
||
|
* [Elementos HTML](https://guide.freecodecamp.org/html/elements)
|
||
|
* [HTML semântico](https://guide.freecodecamp.org/html/html5-semantic-elements)
|
||
|
* [Atributos HTML](https://guide.freecodecamp.org/html/attributes)
|