HTML bsico

HTML, siglas de HyperText Markup Language (lenguaje de marcas de hipertexto), hace

referencia al lenguaje de marcado para la elaboracin de pginas web. Es un estndar que sirve de
referencia para la elaboracin de pginas web en sus diferentes versiones, define una estructura
bsica y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web,
como texto, imgenes, videos, entre otros. Es un estndar a cargo de la W3C, organizacin
dedicada a la estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo
referente a su escritura e interpretacin.
El lenguaje HTML basa su filosofa de desarrollo en la referenciacin. Para aadir un elemento
externo a la pgina (imagen, vdeo, script, entre otros.), este no se incrusta directamente en el
cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante
texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador web
(interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un
estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita en una
determinada versin, pueda ser interpretada de la misma forma (estndar) por cualquier
navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas
caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web
compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos
inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versin de
HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe
ser capaz de usar la nueva versin del navegador con los cambios incorporados. Normalmente los
cambios son aplicados mediante parches de actualizacin automtica (Firefox, Chrome) u
ofreciendo una nueva versin del navegador con todos los cambios incorporados, en un sitio web
de descarga oficial (Internet Explorer). Un navegador no actualizado no ser capaz de interpretar
correctamente una pgina web escrita en una versin de HTML superior a la que pueda
interpretar, lo que obliga muchas veces a los desarrolladores a aplicar tcnicas y cambios que
permitan corregir problemas de visualizacin e incluso de interpretacin de cdigo HTML. As
mismo, las pginas escritas en una versin anterior de HTML deberan ser actualizadas o
reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores an mantienen la
capacidad de interpretar pginas web de versiones HTML anteriores. Por estas razones, an
existen diferencias entre distintos navegadores y versiones al interpretar una misma pgina web.

Etiquetas
El HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). El HTML
tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o
hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de
navegadores web y otros procesadores de HTML.
HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de
data y la declaracin de tipo de documento.

Elementos
Los elementos son la estructura bsica de HTML. Los elementos tienen dos propiedades bsicas:
atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere

HTML bsico

vlido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (por ejemplo,
<nombre-de-elemento>) y una etiqueta de cierre (por ejemplo, </nombre-de-elemento>). Los
atributos del elemento estn contenidos en la etiqueta de inicio y el contenido est ubicado entre
las dos etiquetas (por ejemplo, <nombre-de-elemento atributo="valor">Contenido</nombre-deelemento>). Algunos elementos, tales como <br>, no tienen contenido ni llevan una etiqueta de
cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

Estructura general de una lnea de

cdigo en el lenguaje de etiquetas
HTML.

El marcado estructural describe el propsito del texto. Por ejemplo, <h2>Golf</h2> establece
Golf como un encabezamiento de segundo nivel, el cual se mostrara en un navegador de una
manera similar al ttulo Marcado HTML al principio de esta seccin. El marcado estructural no
define cmo se ver el elemento, pero la mayora de los navegadores web han estandarizado el
formato de los elementos. Puede aplicarse un formato especfico al texto por medio de hojas de
estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su funcin. Por ejemplo,
<b>negrita</b> indica que los navegadores web visuales deben mostrar el texto en negrita, pero
no indica qu deben hacer los navegadores web que muestran el contenido de otra manera (por
ejemplo, los que leen el texto en voz alta). En el caso de <b>negrita</b> e <i>itlica</i>, existen
elementos que se ven de la misma manera pero tienen una naturaleza ms semntica:
<strong>nfasis fuerte</strong> y <em>nfasis</em>. Sin embargo, son equivalentes a sus
correspondientes elementos presentacionales. La mayora del marcado presentacional ha sido
desechada con HTML 4.0, en favor de hojas de estilo en cascada.
El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con
otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla
<a> junto con el atributo href, que establecer la direccin URL a la que apunta el enlace. Por
ejemplo, un enlace que muestre el texto de la direccin y vaya hacia nuestra Wikipedia podra ser
de la forma <a href=http://www.wikipedia.org>http://www.wikipedia.org</a>. Tambin se
pueden crear enlaces sobre otros objetos, tales como imgenes <a href=enlace><img
src=imagen /></a>.

Atributos
La mayora de los atributos de un elemento son pares nombre-valor, separados por un signo de
igual = y escritos en la etiqueta de comienzo de un elemento, despus del nombre de ste. El
valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden

HTML bsico

estar sin comillas en HTML (pero no en XHTML). De todas maneras, dejar los valores sin comillas es
considerado poco seguro.

Armando una pgina

Ahora abra su bloc de notas y escriba all tal como se muestra:

Luego proceda a guardar el archivo como .html y no como .txt como le indica por
defecto el bloc de notas. As el texto con los cdigos html lo interpretan los
navegadores para procesarlos como un lenguaje de programacin y no como texto
simple.
Pngale cualquier nombre, pero no use acentos ni smbolos que no pertenezcan al
tablero para lengua inglesa. Puede, si quiere, guardarlo como
"paginaexperimental.html.

HTML bsico

HTML bsico

HTML bsico

Tutorial online:
http://paginaspersonales.deusto.es/airibar/Ed_digital/HTML/HTML_1.html
Es el mismo que est como adjunto.