HTML (abreviatura para a HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação utilizada para produzir páginas Web. Documentos HTML são interpretados por navegadores.A tecnologia é fruto do "casamento" entre os padrões HyTime e e SGML. ---HyTime é um padrão para a representação estruturada de hipermídia e conteúdo em tempo.Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.) conectados por hiperligações. O padrão é independente de outros padrões de texto em geral. ---SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para tranformar documentos em hiper objetos e para descrever as ligações.
Tim Berners-Lee (físico britânico) criou o HTML original (e outros protocolos associados com HTTP) em uma estação NeXTcube usando o ambiente de desenvolvimento NeXTSTEP. Na época a linguagem não era uma especificação, mas uma coleção de ferramentas para resolver um problema de Tim: a comunicação e disseminação das pesquisas entre ele e seu grupo de colegas. Sua solução, combinada com a então emergente internet pública (que se tornaria a Internet) ganhou a atenção mundial.
As primeiras versões do HTML foram definidas com regras sintáticas flexíveis, o que ajudou àqueles sem familiaridade com a publicação na Web. Através do tempo, a utilização de ferramentas para autoria de HTML aumentou, assim com a tendência em tornar a sintaxe cada vez mais rígida. Apesar disso, por questões históricas (retrocompatibilidade), os navegadores ainda hoje conseguem interpretar páginas web que estão longe de ser um código HTML válido.
A linguagem foi definida em especificações formais na década de 1990, inspiradas nas propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML para a Internet. A primeira publicação foi esboçada por Berners-Lee e Dan Connolly, e publicada em 1993 na IETF como uma aplicação formal para o SGML (com uma DTD em SGML definindo a gramática). A IETF criou um grupo de trabalho para o html no ano seguinte, e publicou o HTML 2.0 em 1995. Desde 1996, as especificações html vêm sendo mantidas, com o auxílio de fabricantes de software, pela World Wide Web Consortium (W3C). Apesar disso, em 2000 a linguagem tornou-se também uma norma internacional (ISO/IEC 15445:2000). A última especificação html lançada pela W3C foi a recomendação HTML 4.01, publicada no final de 1999. Uma errata foi lançada em 2001.
Desde a publicação do html 3.5 no final de 1997, o grupo de trabalho da W3C tem cada vez mais e de 2002 a 2006, de forma exclusiva focado no desenvolvimento do XHTM, uma especificação html baseada em XML que é considerada pela W3C como um sucessor do html.2 3 4. O XHTML faz uso de uma sintaxe mais rigorosa e menos ambígua para tornar o html mais simples de ser processado e entendido. Em janeiro de 2008 a W3C publicou a especificação de HTML5, a próxima versão do html, como Working Draft. A pesar de sua sintaxe ser semelhante a de SGML, o HTML5 abandonou qualquer tentativa de ser uma aplicação SGML e, definiu explicitamente sua própria serialização "html".
Todo documento HTML possui etiquetas (do inglês: tags), palavras entre parênteses angulares(chevron) (< >); essas etiquetas são os comandos de formatação da linguagem. Um elemento é formado por um nome de etiqueta (tag), atributos, valores e filhos (que podem ser outros elementos ou texto). Os atributos modificam os resultados padrões dos elementos e os valores caracterizam essa mudança.
<a href= "http://pt.wikipedia. org/">Wikipédia</a> <a> é a etiqueta de abertura </a>é a etiqueta de fechamento href é o atributo onde é definido a url, que será acessada ao clicar no link.
<p>a href= http://pt.wikipédia.org" target="_self">Wikipédia</a> <p > = etiqueta que define um parágrafo. <a > = etiqueta que define uma hiperligação. href = atributo que define a url da hiperligação. target = atributo que define a forma como a hiperligação será aberta. self = valor do atributo Target e define que a hiperligação será aberta na mesma guia. </p>= define o fechamento do elemento
Isso é necessário porque as etiquetas servem para definir a formatação de uma porção do documento, e assim marca-se onde começa e onde termina o conteúdo que receberá a formatação ou marcação necessária, específica. Alguns elementos são chamados "vazios", pois não marcam uma região do texto, apenas inserem algum elemento no documento. Cada elemento tem seus atributos possíveis e seus valores. Um exemplo, é o atributo href que pode ser usado com o elemento a, com o link mas que não pode ser usado com o elemento meta. Isso quer dizer que devemos saber exatamente quais os atributos e valores possíveis para cada elemento. De uma maneira geral o HTML é um poderoso recurso, sendo uma linguagem de marcação muito simples e acessível, voltada para a produção e compartilhamento de documentos, imagens, vídeos e áudio via streaming.
Os documentos em HTML são arquivos de texto simples que podem ser criados e editados em qualquer editor de textos comum, como o Bloco de Notas do Windows, ou o TextEdit, do Macintosh. Para facilitar a produção de documentos, no mercado existem editores HTML específicos, com recursos sofisticados, que facilitam as tarefas repetitivas, inserção de objetos, elaboração de tabelas e outros recursos.
A estrutura básica de um documento HTML apresenta as seguintes marcações:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="description" content="a descrição do seu site em no máximo 90 caracteres"> <meta name="keywords" content="use palavras-chaves curtas, máximo 150 caracteres"> <title>Título do Documento</title> </head> <body> Aqui fica a página que será visível para todos, onde pode-se inserir textos, imagens, links para outras páginas, etc, geralmente usa-se: <div>Tag para criar-se uma 'caixa', um bloco, mais utilizada com "Cascading Style Sheets" (Folhas de Estilo em Cascata)</div> <span>Tag para modificação de uma parte do texto.</span> <span>img src="endereço_de_uma_imagem.jpg" /</span> <a href="http://www.wikipedia.org"> Wikipedia, A Enciclopédia Livre</a> </body>
</html>
As etiquetas HTML não são sensíveis à caixa, portanto tanto faz escrever <HTML>, <Html>, <html> ou < HtMl>. As etiquetas básicas de HTML, cuja presença é altamente recomendada nas páginas são: <html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos html. <head>: define o cabeçalho de um documento HTML, e traz informações sobre o documento que está sendo aberto. <body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento html que é exibida no navegador. No corpo podem-se definir atributos comuns a toda a página, como cor de fundo, margens e outras formatações.
Dentro do cabeçalho pode-se encontrar os seguintes elementos:
<title >: define o título da página, que é exibido na barra de título dos navegadores. <style type "text/javascript" >: define a programação de certas funções em página com scripts, podendo-se adicionar funções de JavaScript <link >: define ligações da página com outros arquivos como feeds, CSS, scripts, etc. meta define propriedades da página, como codificação de caracteres, descrição da página, autor, etc.
São meta informações sobre o documento. Tais campos são muitos usados por mecanismos de busca (como o Google, Yahoo, Bing) para obterem mais informações sobre o documento, a fim de classificá-lo melhor. Por exemplo, pode-se adicionar o código <meta name="description" content="descrição da sua página" /> no documento HTML para indicar ao motor de busca que texto de descrição apresentar junto com a ligação para o documento. Para o motor de busca Google, por exemplo, elementos meta como keywords não são utilizadas para indexar páginas. Apenas <title > e a meta description são usadas para descrever a página indexada. Obs: as etiquetas <style > e <script > servem tanto para delimitar os espaços usados pelos códigos na página quanto para invocar códigos existentes em outros arquivos externos.
Dentro do body (corpo) pode-se encontrar outras etiquetas que irão moldar a página, como por exemplo: <h1>, <h2>, ... <h6>: cabeçalhos e títulos do documento em diversos tamanhos.
<p>: novo parágrafo. <br> quebra de linha. <table> cria uma tabela (linhas são criadas com <tr> e novas células com <td>, já os cabeçalhos das colunas são criados com as etiquetas <thead>, <th>, e os rodapés com <tfooter> <tr>, e <td>). <div> determina uma divisão na página e pode possuir variadas formatações. <b>, <i>, <u> e <s>: negrito, itálico, sublinhado e riscado, respectivamente. <img> imagem. <a> hiper-ligação para um outro local, seja uma página, um e-mail ou outro serviço. <textarea> caixa de texto (com mais de uma linha); estas caixas são muito usadas em blogs, podendo ser auto selecionáveis e conterem outros códigos a serem distribuídos. <abbr> abreviação (sigla simplesmente abreviada). <cite> citação. <address>Endereço.topoAs cores devem ser declaradas com o atributo style, que funciona em diversos elementos, como por exemplo: <span style="color:COR">>Texto></span>> Onde COR pode ser o nome da cor em inglês, em decimal, hexadecimal, RGB, RGBA ou HSLA.
Uma possibilidade importante dos documentos HTML é a de fazer hiperligações. Para isso usa-se a etiqueta <a > (do inglês, anchor). Ela tem os atributos: href que define o alvo da hiperligação (que pode ser uma página de Internet, uma parte da mesma página ou um endereço de email) ou nome que define um alvo nessa página (onde se pode fazer uma hiperligação usando a etiqueta a com o atributo href.
Exemplos:<a href="http://pt.wikipedia.org/" >Clique aqui para acessar à página principal da Wikipédia em português. </a > <a name="nome" >texto></a>> Em que nome e texto podem ser substituídos pelo que se desejar. Depois usa-se <a href="#nome" > </a > para hiperligar a este "anchor". Diferença entre target="_blank" e target="_new" target="_blank" é usado para abrir links em várias janelas. target="_new" é usado para abrir vários links em uma janela. Exemplos: < a href="Url do Link" target="_blank">Título></a> < a href="Url do Link" target="_new">Título</a> Página em branco é usado about:blank na url do link. Exemplos: < a href="about:blank" target="_blank">Página em branco</a> < a href="about:blank" target="_new">Página em branco.</a> < a href= #topo>topo</a>
Os caracteres especiais definem-se usando comandos que começam com & e terminam com um ;.
Alguns exemplos incluem:
& aacute; (á),
& agrave; (à),
& atilde; (ã),
& acirc; (â),
& auml; (ä)
& ccedil; (ç).
Qualquer outra vogal pode ser substituída pelo a destes exemplos, incluindo maiúsculas.