HTML

Autor: Leandro Alegsa Data de criação: 3 de abril de 2021

en.wikipedia.org · CC BY 2.0

Hyper Text Markup Language (HTML) é uma linguagem de marcação para a criação de uma página web. As páginas da web são normalmente visualizadas em um navegador da web. Elas podem incluir escrita, links, imagens, e até mesmo som e vídeo. HTML é usado para marcar e descrever cada um desses tipos de conteúdo para que o navegador web possa exibi-los corretamente. O HTML também pode ser usado para adicionar meta informações a uma página da web. As meta informações geralmente não são mostradas pelos navegadores web e são dados sobre a página web, por exemplo, o nome da pessoa que criou a página. As folhas de estilo em cascata (CSS) são usadas para estilizar elementos HTML enquanto o JavaScript é usado para manipular elementos HTML e estilos CSS.

O HTML foi feito pelo World Wide Web Consortium (W3C). Há várias versões de HTML. A partir de setembro de 2018, o padrão atual de HTML é denominado HTML 5 e está especificamente na versão 5.2.

Etiquetas

O HTML usa bits especiais de linguagem de programação chamados "tags" para que o navegador saiba como uma página web deve ficar. As tags geralmente vêm em pares: uma tag de abertura define o início de um bloco de conteúdo e uma tag de fechamento define o fim desse bloco de conteúdo. Existem muitos tipos diferentes de tags, e cada uma tem um propósito diferente. Veja abaixo as Tags HTML básicas para exemplos de tags.

Algumas etiquetas só funcionam em certos navegadores. Por exemplo, o <menuitem> tag, que é usado para fazer algo aparecer quando a pessoa pressiona o botão direito do mouse, só funciona no navegador Mozilla Firefox. Outros navegadores simplesmente ignoram esta tag e exibem a escrita normalmente. Muitos criadores de páginas web evitam usar estas tags "não-padrão" porque querem que suas páginas tenham a mesma aparência com todos os navegadores.

Exemplo

Aqui está uma página de exemplo em HTML.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Este é o título da página. </title> 5 </head> 6 < body> 7 < p> Este é um parágrafo. </p> 8 < a href="https://www.domain.com"> Este é um link. </a> 9 < img src="image. jpg" alt="Image"> 10 </body> 11 </html>

Uma página HTML simples seria esta: um único parágrafo com "Olá mundo! " escrito nele.

1 <!DOCTYPE html> 2 < html> 3 < cabeça> 4 < título> Olá! </título> 5 </ cabeça> 6 < corpo> 7 < p> Olá mundo! </p> 8 </corpo> 9 </html>

Tags HTML básicas

Nome da etiqueta	Nome	Função	Exemplo de código
`<!DOCTYPE>`	Doctype	Define o tipo de documento	<!DOCTYPE html>
`<html>`	HTML	Define um documento HTML e inicia um documento HTML.	< html> Todos os códigos</html>
`<head>`	Chefe	Contém qualquer código que não é usado para exibir elementos na página web	< cabeça></ cabeça>
`<título>`	Título	Define o título da página web (mostrado na aba) e é inserido dentro da `<head>`	< title> Página Web</title>
`<corpo>`	Corpo	Contém os elementos visíveis da página da web (e contém o parágrafo e mais)	< corpo> etiquetas Html</ corpo>
`<h1> a <h6>`	Cabeçalhos	Cabeçalhos de vários tamanhos (`<h1> sendo` o maior)	< h1> Rubrica</h1>
`<p>`	Parágrafo	Define um parágrafo do texto	< p> TEXT</p>
`<a>`	Âncora	Cria links ativos para outras páginas da web	< a href="www.domain.com"> Visite nosso site</a>
`<img>`	Imagem	Exibe uma imagem na página	< img src="ImageUrl" alt="Texto exibido se a imagem não estiver disponível">
`<br>`	Intervalo	Insere uma única quebra de linha	Texto < br> Texto
`<centro>`	Centro	Move o conteúdo para o centro da página	<centro> Código</centro>
`<escrito>`	Roteiro	Cria um script na página web, geralmente escrito em JavaScript	< script> documento. write("Hello World!")</script>

Usando etiquetas HTML

Fazendo uma página web

Fazer uma página web é fácil. Tudo o que você precisa lembrar são as tags e a ordem para fazer uma página web.

Primeiro, você precisa encontrar um lugar para digitar as tags HTML (recomendo o bloco de notas) e digitar as tags para baixo.

Aqui está outro exemplo de uma página HTML Tag.

<html>

<head>

<h1> Olá mundo!</h1>

</head>

<corpo>

<p>

Esta é uma página HTML Tag.

</p>

Por: *Inserir nome aqui*

</footer>

</html>

Uma vez feito, salve neste formato: helloworld.htm

(não colocar espaços)

E você está acabado! Uma vez salvo em seu computador, se você pressioná-lo, ele o enviará para sua página web no google!

Perguntas e Respostas

P: O que é HTML?

R: HTML é um tipo de linguagem de marcação usada para criar páginas da Web com textos, links, imagens e audiovisuais.

P: Qual é a função do HTML?

R: A função do HTML é informar aos navegadores da Web qual deve ser a aparência das páginas da Web e adicionar metainformações, como o nome do criador da página da Web.

P: Quais são alguns exemplos de mídia que podem ser incluídos em páginas da Web criadas com HTML?

R: Alguns exemplos de mídia que podem ser incluídos em páginas da Web criadas com HTML são arquivos de áudio e clipes de vídeo.

P: Como o CSS complementa o HTML?

R: O CSS é usado para alterar a aparência das páginas HTML.

P: Qual é a função do JavaScript no desenvolvimento da Web?

R: O JavaScript é uma linguagem de script essencial no desenvolvimento da Web, pois informa aos sites como se comportar e pode alterar a aparência do HTML e do CSS.

P: Quem é responsável pela criação do HTML?

R: O HTML é criado pelo World Wide Web Consortium (W3C).

P: Qual é a versão padrão atual do HTML?

R: Em setembro de 2018, o HTML 5 é a versão padrão mais recente do HTML, na versão 5.2.