Introdução ao HTML

HTML

HTML ou Hyper Text Markup Language , é uma linguagem de marcação utilizada na construção de paginas web. os seus documentos HTML podem ser interpretados pelos navegadores.

O HTML não é considerado uma linguagem de programação, já que ele não pode criar funcionalidades dinâmicas. Ao invés disso, com o HTML, os usuários podem criar e estruturar seções, parágrafos e links usando elementos, tags e atributos

Ele permite que os usuários criem e estruturem seções, parágrafos, cabeçalhos e links para páginas da internet ou aplicações.

Referência do HTML

HTML é formado de elementos, onde cada um deles pode ser modificado por alguns atributos. Documentos HTML são interconectados através de links.

Referência dos Elementos HTML

Elementos em HTML possuem atributos. Estes configuram ou ajustam o funcionamento e o comportamento dos seus elementos de muitas maneiras.

Atribritutos 

Os atributos globais podem ser utilizados em todos os elementos HTML, mesmo aqueles que não são especificados como padrão. Isso significa que qualquer elemento não padrão vai permitir estes atributos, mesmo que este retorne um documento HTML5 incompatível.

Elementos em linha e Elementos em nível de bloco

Elementos HTML são normalmente elementos inline (em linha) ou block-level (em nível de bloco). Um elemento em linha ocupa somente o espaço limitado pelas tags que o definem. Um elemento em nível de bloco ocupa o espaço inteiro do elemento pai (container), portanto criando um bloco.

Links usadaos

No HTML, vários tipos de links podem ser utilizados para estabelecer e definir o relacionamento entre dois documentos. Os tipos de elementos de link que podem ser incluídos são <a>, <area> e <link>.

Formatos de mídia suportados pelos elementos vídeo e áudio do HTML

Os elementos <audio> e <video> permitem que você reproduza mídias de áudio e vídeo. Estes elementos fornecem uma alternativa nativa para o navegador reproduzir recursos similares aos encontrados no Adobe Flash e outros plug-ins.

Tipos de conteúdo HTML

O HTML é composto de uma grande diversidade de conteúdos, e cada um pode ser usado em certos contextos e não ser permitido em outros. Da mesma forma, cada um tem um conjunto de outras categorias de conteúdos que podem ou não serem usadas dentro deles. Este é um guia destas categorias.

Como Fuciona

Um site médio inclui diversas páginas HTML diferentes. Por exemplo, ele pode trazer uma página inicial, uma página “sobre” e uma página de contato. Cada uma delas possui um arquivo HTML separado.

Documentos HTML são arquivos que terminam com uma extensão .html ou .htm. Um navegador lê o arquivo HTML e renderiza o seu conteúdo para que os usuários da internet possam vê-lo.

Todas as páginas HTML possuem uma série de elementos, que consistem num conjunto de tags e atributos. Os elementos HTML são os tijolos de construção de uma página da internet. Uma tag diz para o navegador onde um elemento começa e termina, enquanto um atributo descreve as características de um elemento.

As três principais partes de um elemento são:

1. Tag de abertura – usada para dizer onde um elemento começa a ter efeito. A tag é cercada de colchetes angulares para abertura e fechamento. Por exemplo, use a tag de abertura <p> para criar um parágrafo.

1. Conteúdo – essa é a parte que os usuários verão.

1. Tag de fechamento – igual à tag de abertura, mas com uma barra antes do nome do elemento. Por exemplo, </p> para encerrar um parágrafo.

A combinação dessas três partes vai criar um elemento HTML.

<p>É assim que você adiciona um parágrafo no HTML.</p>

Outra parte crucial de um elemento HTML é o seu atributo, que possui duas seções — um nome e um valor de atributo. O nome identifica a informação adicional que um usuário deseja acrescentar, enquanto o valor de atributo fornece mais especificações.

Por exemplo, um elemento de estilo que adiciona a cor roxa e uma fonte da família verdana ficará assim:

<p style="color:purple;font-family:verdana">É assim que você adiciona um parágrafo no HTML.</p>

Outro atributo é a classe HTML, que é mais importante para desenvolvimento e programação. Essa classe de atributo adiciona informações de estilo que podem funcionar em elementos diferentes com o mesmo valor de classe.

Por exemplo, vamos usar o mesmo estilo para um cabeçalho <h1> e para um parágrafo <p>. O estilo inclui cor de fundo, borda, margem e preenchimento — tudo dentro da classe .important. Para termos o mesmo estilo no <h1> e no <p>, adicione class=”important” depois de cada tag de abertura:

<html>

<head>

<style>

.important {

background-color: whrite;

color: white;

border: 10px solid black;

margin: 10px;

padding: 10px;

}

</style>

</head>

<body>

<h1 class="important">Isto é um cabeçalho</h1>

<p class="important">Isto é um parágrafo.</p>

</body>

</html>

A maioria dos elementos possui uma tag de abertura e de fechamento, mas alguns não precisam fechar a tag para funcionar. Esse é o caso dos elementos vazios. Eles não usam uma tag de fechamento pois não têm conteúdo:

<img src="/" alt="Imagem">

Essa tag de imagem possui dois atributos — um atributo src (que é um caminho de imagem) e um atributo alt (que é o texto de descrição). Contudo, ele não tem conteúdo nem uma tag de fechamento.

Finalmente, cada documento HTML deve começar com uma declaração <!DOCTYPE> para informar ao navegador qual é o tipo de documento. Com o HTML5, a declaração doctype HTML pública será:

<!DOCTYPE html

Vantagens 

 HTML e fácil de aprender e usar -na areia da programação muitos desenvolvedores consideram HTML uma linguagem fácil e rápida de aprender , afinal muitos aprendem html antes de outras linguagem, além de o HTML ser uma linguem livre ou seja gratuita. Uma das coisas que torna o HTML fácil de usar, são as suas tags simples que não tem problemas com a destinação de letras maiúsculas e minúsculas.

Desvantagens

     Não e suficiente para paginas dinâmicas- o HTML básico atualmente não e suficiente           para facilitar os recursos que os novos sites modernos aferencem a seus usuários. Por             essa dificuldade de adicionar outros conteúdos a uma pagina HTML os desenvolvedores       tem a necessidade de aprender outras linguagens, como PHP ou Javascrip.