HTML

html - Wikilingue - Encydia

Fragmento de código HTML

HTML (acrónimo para a expresión inglesa HyperText Markup Language, que significa Linguaxe de Reserva de Hipertexto) é unha linguaxe de reserva utilizada para producir páxinas na Web. Documentos HTML poden ser interpretados por navegadores . A tecnoloxía é froito do "casamento" dos padrões HyTime e SGML.

HyTime é un padrão para a representación estruturada de hipermédia e contido baseado en tempo. Un documento é visto como un conxunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiper-conexións. O padrão é independente doutros padrões de procesamento de texto en xeral.

SGML é un padrão de formatação de textos. Non foi desenvolvido para hipertexto, mais tornouse conveniente para transformar documentos en hiper-obxectos e para describir as conexións.

Táboa de contido

1 Historia
2 Etiquetas
3 Edición de documentos HTML
4 Estrutura básica dun documento
- 4.1 Cabeçalho
- 4.2 Corpo
5 Hiperligações
6 Carácteres especiais e símbolos
7 Editores HTML
8 Referencias
9 Ver tamén
10 Conexións externas

Historia

Tim Berners-Lee creou o HTML orixinal (e outros protocolos asociados como o HTTP) nunha estación NeXTcube usando o ambiente de desenvolvemento NeXTSTEP. Na época a linguaxe non era unha especificação, mais unha colección de ferramentas para resolver un problema de Tim: a comunicación e disseminação das pescudas entre el e seu grupo de compañeiros. Súa solución, quedada coa entón emerxente internet pública (que tornaría-se a internet ) gañou atención mundial.

As primeiras versións do HTML foron definidas con regras sintáticas flexíbeis, o que axudou aqueles sen familiaridade coa publicación na Web. Actualmente a sintaxe do HTML é moito máis ríxida, permitindo un código máis preciso. A través do tempo, a utilización de ferramentas para autoría de HTML aumentou, así como a tendencia en tornar a sintaxe cada vez máis ríxida. A pesar diso, por cuestións históricas (retrocompatibilidade), os navegadores aínda hoxe conseguen interpretar páxinas web que están lonxe de ser un código HTML válido.

A linguaxe foi definida en especificações formais na década de 1990, inspiradas nas propostas orixinais de Tim Berners-Lee en crear unha linguaxe baseada en SGML para a internet. A primeira publicación foi esbozada por Berners-Lee e Dan Connolly, e publicada en 1993 na IETF como unha aplicación formal para o SGML (cunha DTD en SGML definindo a gramática). A IETF creou un grupo de traballo para o HTML o ano seguinte, e publicou o HTML 2.0 en 1995 . Desde 1996, as especificações HTML veñen sendo mantidas, co auxilio de fabricantes de software, pola World Wide Web Consortium (W3C).^[1] A pesar diso, en 2000 a linguaxe tornouse tamén unha norma internacional (ISO/IEC 15445:2000). A última especificação HTML lanzada pola W3C foi a recomendación HTML 4.01, publicada ao final de 1999 . Unha errata aínda foi lanzada en 2001 .

Desde a publicación do HTML 3.5 ao final de 1997, o grupo de traballo da W3C ten cada vez máis — e de 2002 a 2006, de forma exclusiva — focado no desenvolvemento do XHTML, unha especificação HTML baseada en XML que é considerada pola W3C como un sucesor do HTML.^[2]^[3]^[4] O XHTML fai uso dunha sintaxe máis rigorosa e menos ambígua para tornar o HTML máis simple de ser procesado e estendido.

Etiquetas

Todo documento HTML presenta etiquetas^[5], elementos entre parênteses angulares (chevron) (< e >); eses elementos son os comandos de formatação da linguaxe. A maioría das etiquetas ten súa correspondente de peche:

<etiqueta>...</etiqueta>

Iso é necesario porque as etiquetas serven para definir a formatação dunha porción do documento, e así marcamos onde comeza e termina o texto coa formatação especificada por ela. Algúns elementos son chamados “baleiros”, pois non marcan unha rexión de texto, só inseren algún elemento no documento:

<etiqueta>

Unha etiqueta é formada por comandos, atributos e valores. Os atributos modifican os resultados padrões dos comandos e os valores caracterizan esa mudanza. Exemplo:

<HR color="red">

No cal:

HR = comando que deseña unha barra horizontal
color = atributo que especifica a cor da barra
red = valor do atributo color, que é a cor da barra que será deseñada

Cada comando ten seus atributos posíbeis e seus valores. Un exemplo, é o atributo size que pode ser usado co comando FONT, co HR mais que non pode ser usado co comando BODY. Iso quere dicir que debemos saber exactamente cales os atributos e valores posíbeis para cada comando.

Dunha maneira xeral o HTML é un poderoso recurso, sendo unha linguaxe de reserva moi simple e accesíbel volta para a produción e repartición de documentos e imaxes.

Edición de documentos HTML

Os documentos en HTML son arquivos de texto simple que poden ser creados e editados en calquera editor de textos común, como o Bloque de Notas do Windows, ou o TextEdit, do Macintosh. Para facilitar a produción de documentos, porén, o mercado editores HTML específicos, con recursos sofisticados, que facilitan a realización de tarefas repetitivas, inserção de obxectos, elaboración de táboas e outros recursos (Ver lista abaixo). Basicamente divídense en dous tipos:

Editores de texto fonte: inseren automaticamente as etiquetas, orientando a inserção de atributos e reservas.
Editores WYSIWYG: ofrecen ambiente de edición cun "esbozo" resultado final das reservas.

Estrutura básica dun documento

A estrutura dun documento HTML presenta os seguintes compoñentes:

GeSHi Error: GeSHi could not find the language html4strict (using path /home/admin/wikitranslation/commons/extensions/SyntaxHighlight_GeSHi/geshi/geshi/) (code 2)

Vostede precisa especificar unha linguaxe, tal como: <source lang="html4strict">...</source>

Linguaxes soportadas no realce de sintaxe:

(erro ao cargar a lista de linguaxes soportadas)

As etiquetas HTML non son sensíbeis á caixa, por tanto tanto ten escribir <HTML>, <Html>, <html> ou <HtMl>.

As etiquetas básicas de HTML, cuxa presenza é altamente recomendada nas páxinas son:

<html>: define o inicio dun documento HTML e indica ao navegador que todo contidoposterior debe ser tratado como unha serie de códigos HTML.
<head>: define o cabeçalho dun documento HTML, que trae informacións sobre o documento que está sendo aberto.
<body>: define o contido principal, o corpo do documento. Esta é a parte do documento HTML que é exhibida no navegador. No corpo pódense definir propiedades comúns a toda a páxina, como cor de fondo, marxes, e outras formatações.

Cabeçalho

Dentro do cabeçalho podemos encontrar os seguintes comandos:

<title>: define o título da páxina, que é exhibido na barra de título dos navegadores.
<style>: define formatação en CSS .
<script>: define programación de certas funcións en páxina con scripts , podendo adicionar funcións de JavaScript .
<link>: define conexións da páxina con outros arquivos como feeds, CSS, scripts, etc.
<meta>: define propiedades da páxina, como codificação de carácteres, descrición da páxina, autor, etc. San meta informacións sobre documento. Tales campos son moitos usados por mecanismos de busca(como o Google) para obteren máis informacións sobre o documento, a fin de clasificalo mellor. Por exemplo, pódese adicionar o código <meta name="description" content="descrición da súa páxina" /> no documento HTML para indicar ao motor de busca que texto de descrición presentar xunto coa conexión para o documento. Para o sistema Google, comandos meta como keywords por exemplo non son utilizadas para indexar páxinas. Só <title> e a meta <description> son usadas para describir a páxina indexada.^[6]

Obs: as etiquetas <style> e <script> serven tanto para delimitar o espazo usados polos códigos na páxina canto para invocar códigos existentes noutros arquivos externos.

Corpo

Dentro do corpo podemos encontrar outras varias etiquetas que irán moldear a páxina, como por exemplo:

<h1>, <h2>,... <h6>: cabeçalhos e títulos no documento en diversos tamaños. (canto menor for o número, maior sera o tamaño da letra)
<p>: novo parágrafo.
<br>: quebra de liña.
<table>: crea unha táboa (liñas son creadas con TR <> e novas células con TD <>. Xa os cabeçalhos de columna son creados coa etiqueta <TH>.)
<div>: determina unha división na páxina a cal pode posuír variadas formatações.
<font>: altera a formatação (fonte, cor e tamaño) dun fragmento do texto.
<b>, <i>, <u> e <s>: negrito, itálico, subliñado e riscado, respectivamente.
<img>: imaxe.
<a :>hiper-conexión para un outro local, sexa unha páxina, un e-mail ou outro servizo.
<textarea>: caixa de texto (con máis dunha liña); estas caixas de texto son moi usadas en blogs , elas poden ser auto seleccionabades e conter outros códigos a seren distribuídos.
<acronym>: acrónimo (sigla)
<cite>: citação
<address>: enderezo

Hiperligações

Unha propiedade importante dos documentos HTML é a posibilidade de facer hiperligações. Para iso úsase a etiqueta <a (do> inglés, anchor). Esta ten os atributos: href que define o albo da hiperligação (que pode ser unha páxina de Internet , unha parte da mesma páxina ou un enderezo de email ) ou name que define un albo nesa páxina (a onde se pode facer unha hiperligação usando a etiqueta a con o atributo href). Exemplos:

<a href="http://pt.wikipedia.org/">Clic aquí para acceder á páxina principal da Wikipédia en portugués.</a>

<a name="nome">texto</a>

En que nome e texto poden ser substituídos polo que se desexar. Despois úsase <a href="#nome"> </a para> hiperligar a este "anchor".

Carácteres especiais e símbolos

Os carácteres especiais defínense usando comandos que comezan con e & terminan cun ;. Algúns exemplos inclúen á (á), à (á), ã (ã), â (â), ä (ä) e ç (ç). Calquera outra vogal pode ser substituída polo a de estes exemplos, incluíndo maiúsculas.