trabajo de html sandy gutierrez
TRANSCRIPT
Instituto Tecnológico de Nor-Oriente
ITECNOR
Ing. Omar Sandoval
Informática básica II
HTML
Gutiérrez Aldana Sandy floridalma.
Perito en industria alimentaria
5to A
Llanos de la fragua Zacapa 23/02/2015
¿Qué es HTML?
HTML, siglas de Hipertexto Markup Lenguaje («lenguaje de marcas de hipertexto»), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia para la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, entre otros. Es un estándar a cargo de la W3C, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.
El lenguaje HTML basa su filosofía de desarrollo en la referenciarían. Para añadir un elemento externo a la página (imagen, vídeo, script, entre otros.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. De este modo, la página web contiene sólo texto mientras que recae en el navegador web (interpretador del código) la tarea de unir todos los elementos y visualizar la página final. Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.
Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido diversas características, con el fin de hacerlo más eficiente y facilitar el desarrollo de páginas web compatibles con distintos navegadores y plataformas (PC de escritorio, portátiles, teléfonos inteligentes, tabletas, etc.). Sin embargo, para interpretar correctamente una nueva versión de HTML, los desarrolladores de navegadores web deben
incorporar estos cambios y el usuario debe ser capaz de usar la nueva versión del navegador con los cambios incorporados. Normalmente los cambios son aplicados mediante parches de actualización automática (Firefox, Crome) u ofreciendo una nueva versión 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 página web escrita en una versión de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar técnicas y cambios que permitan corregir problemas de visualización e incluso de interpretación de código HTML. Así mismo, las páginas escritas en una versión anterior de HTML deberían ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores aún mantienen la capacidad de interpretar páginas web de versiones HTML anteriores. Por estas razones, aún existen diferencias entre distintos navegadores y versiones al interpretar una misma página web.
El físico nuclear Tim Bernés Lee definió la primera versión de HTML en el año 1989. Después evolucionaría hasta llegar a cuatro versiones más. HTML 4 fue la última en 1998. Después llegaría el lenguaje que aun utilizamos, el XHTML hijo del XML y el HTML.
No caigamos en el error de pensar que uno supone la desaparición del otro pues el XHTML necesita del HTML para ser entendido por el ordenador. En otras palabras, el HTML abre las puertas y el XHTML trabaja.
Quisiera utilizar las siguientes líneas para contaros la historia del HTML, pero no sin antes hacer constar que detrás de unos pocos nombres y fechas hay mucho más trabajo.
Quisiera utilizar las siguientes líneas para contaros la historia del HTML, pero no sin antes hacer constar que detrás de unos pocos nombres y fechas hay mucho más trabajo, conexiones, ideas y nombres que por cuestiones de espacio, tiempo y claridad quedan exentas de este artículo.
Ante todo, definir de que estamos hablando exactamente: HTML es el acrónimo de HyperText Markup Lenguaje, que traducido a nuestro idioma es Lenguaje de Marcación de Texto. Es una herramienta para que el ordenador conectado a Internet interprete como visualizar el documento.
No es un lenguaje de programación y no tiene compilador alguno, así que si hay algún error que no detecta lo visualizará de la manera en la que lo ha entendido. Es un sistema de etiquetas que indica al ordenador cuando hay que señalar una cursiva, separar un párrafo o definir el color del texto.
De todas maneras, tiene sus limitaciones así que a menudo se utilizan otras herramientas como las hojas de estilo, que le dan mayor libertad al diseñador. En concreto, el HTML le da las indicaciones mencionadas al programa cliente, el browser o navegador para que presente el documento en la pantalla de la manera adecuada.
El HTML se hizo popular por su sencillez, era fácil de aprender y eso lo hace accesible a mayor número de personas. Estos documentos web deben estar escritos con el mismo “lenguaje” para que diferentes ordenadores puedan leerlos, si alguien utiliza un sistema diferente no podrá compartir su información con los que usan el HTML ni podrá visualizar los de los demás.
Por eso la tendencia es crear un estándar que evoluciona poco a poco y que es compatible con la versión anterior.
Nombre Etiqueta inicial
Etiqueta final
Des. DTD Descripción
a <a> </a> Origen o destino del vínculo
Abbr <abbr> </abbr> Abreviatura (p.ej.: WWW, HTTP, etc.)
Acronym <acronym>
</acronym>
Address <address>
</address> Información sobre el autor
Apple <applet> </applet> D L Applet JavaÁrea <área> Prohibido Área de un
mapa de imágenes en el lado del cliente
b <b> </b> Estilo de texto en negrita
Base <base> Prohibido URI base del documento
Base Font
<base Font>
Prohibido D L Tamaño base de fuente
Vado <vado> </bdo> Anular algoritmo BID I18N
big <big> </big> Estilo de texto grande
blockquote
<blockquote>
</blockquote>
Cita larga
body Opcional Opcional Cuerpo del documento
br <br> Prohibido Salto de línea forzado
button <button> </button> Botóncaption <caption> </caption> Título de tablacenter <center> </center> D L Forma
abreviada de DIV align=center
cite <cite> </cite> Citacode <code> </code> Fragmento de
código de computadora
col <col> Prohibido Columna de una tabla
colgroup <colgroup>
Opcional Grupo de columnas de una tabla
dd <dd> Opcional Descripción de una definición
del <del> </del> Texto borradodfn <dfn> </dfn> Definición
dir <dir> </dir> D L Lista tipo directorio
div <div> </div> Contenedor genérico de idioma/estilo
dl <dl> </dl> Lista de definiciones
dt <dt> Opcional Término definido
em <em> </em> Énfasisfieldset <fieldset> </fieldset> Grupo de
controles de un formulario
font <font> </font> D L Cambio local de la fuente
form <form> </form> Formulario interactivo
frame <frame> Prohibido F Subventanaframeset <frameset
> </frameset>
F Subdivisión en ventanas
h1 <h1> </h1> Encabezadoh2 <h2> </h2> Encabezadoh3 <h3> </h3> Encabezadoh4 <h4> </h4> Encabezadoh5 <h5> </h5> Encabezadoh6 <h6> </h6> Encabezadohead Opcional Opcional Cabecera del
documentohr <hr> Prohibido Separador
horizontalhtml Opcional Opcional Elemento raíz
del documentoi <i> </i> Estilo de texto
en itálicaiframe <iframe> </iframe> L Subventana en
líneaimg <img> Prohibido Imagen
incluidainput <input> Prohibido Control de
formularioins <ins> </ins> Texto
insertadoisindex <isindex> Prohibido D L Entrada de
texto en una sola línea con
indicadorkbd <kbd> </kbd> Texto que
debe introducir el usuario
label <label> </label> Texto del rótulo de un campo de formulario
legend <legend> </legend> Leyenda de un grupo de campos
li <li> Opcional Objeto de listalink <link> Prohibido Un vínculo
independiente del medio
map <map> </map> Mapa de imágenes en el lado del cliente
menu <menu> </menu> D L Lista tipo menú
meta <meta> Prohibido Metainformación genérica
noframes
<noframes>
</noframes>
F Contenedor de contenidos alternativos para la representación no basada en marcos
noscript <noscript>
</noscript>
Contenedor de contenidos alternativos para la representación no basada en scripts
object <object> </object> Objeto incluido genérico
optgroup
<optgroup>
</optgroup>
Grupo de opciones
option <option> Opcional Opción
seleccionable
p <p> Opcional Párrafoparam <param
> ol <ol> </ol> Lista
ordenada
Prohibido Valor de propiedad con nombre
pre <pre> </pre> Texto preformateado
q <q> </q> Cita corta en línea
s <s> </s> D L Estilo de texto tachado
samp <samp> </samp> Ejemplo de salida de programas, scripts, etc.
script <script> </script> Sentencias de script
select <select> </select> Selector de opciones
small <small> </small> Estilo de texto pequeño
span <span> </span> Contenedor genérico de idioma/estilo
strike <strike> </strike> D L Estilo de texto tachado
strong <strong>
</strong>
Énfasis fuerte
style <style> </style> Información de estilo
sub <sub> </sub> Subíndicesup <sup> </sup> Superíndic
etable <table> </table> tbody Opcional Opcional Cuerpo de
tablatd <td> Opcional Celda de
datos de una tabla
textarea
<textarea>
</textarea>
Campo de texto multilínea
tfoot <tfoot> Opcional Pie de tabla
th <th> Opcional Celda de encabezado de tabla
thead <thead> Opcional Cabecera de tabla
title <title> </title> Título del documento
tr <tr> Opcional Fila de una tabla
tt <tt> </tt> Estilo de texto de teletipo o monoespacio
u <u> </u> D L Estilo de texto subrayado
ul <ul> </ul> Lista no ordenada
var <var> </var> Variable o argumento de un programa