tutoriais mais recente desenvolvimento web

HTML Introdução

❮ Anterior Próxima Capítulo ❯

O que é HTML?

HTML é uma linguagem de marcação para descrever documentos web (web pages) .

  • HTML significa Hyper Text Markup Language
  • Uma linguagem de marcação é um conjunto de markup tags
  • Documentos HTML são descritos por HTML tags
  • Cada tag HTML describes o conteúdo do documento diferente

Exemplo HTML

Uma pequena documento HTML:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Tente você mesmo "

exemplo Explicado

  • O DOCTYPE declaração define o tipo de documento a ser HTML
  • O texto entre <html> e </html> descreve um documento HTML
  • O texto entre <head> e </head> fornece informações sobre o documento
  • O texto entre <title> e </title> fornece um título para o documento
  • O texto entre <body> e </body> descreve o conteúdo da página visível
  • O texto entre <h1> e </h1> descreve um título
  • O texto entre <p> e </p> descreve um parágrafo

Usando esta descrição, um navegador web pode exibir um documento com um título e um parágrafo.

tags HTML

HTML tags são palavras-chave (tag names) cercadas por angle brackets :

<tagname>content</tagname>
  • Tags HTML normalmente vêm in pairs como <p> e </p>
  • A primeira marcação num par é a start tag, o segundo tag é a end tag
  • A tag final é escrito como a marca inicial, mas com uma barra antes do nome da tag

A marca de início é muitas vezes chamado de opening tag . A tag end é muitas vezes chamado de closing tag .

Navegadores web

O propósito de um navegador (Chrome, IE, Firefox, Safari) é ler documentos HTML e exibi-los.

O navegador não exibe as tags HTML, mas usa-los para determinar como exibir o documento:

Exibir no navegador

Estrutura página HTML

Abaixo está uma visualização de uma estrutura da página HTML:

<html>
<head>
<title> Título da página </title>
</head>
<body>
<h1> Este é um título </h1>
<p> Este é um parágrafo. </p>
<p> Este é outro parágrafo. </p>
</body>
</html>

Apenas o <body> área (the white area) é exibido pelo browser.

O <!DOCTYPE> Declaração

O <!DOCTYPE> declaração ajuda o navegador para exibir uma página web corretamente.

Existem diferentes tipos de documentos na web.

Para exibir um documento corretamente, o navegador deve saber tanto tipo e versão.

A declaração doctype não diferencia maiúsculas de minúsculas. Todos os casos são aceitáveis:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

Declarações comuns

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Todos os tutoriais e exemplos em w3ii usar HTML5.

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

❮ Anterior Próxima Capítulo ❯