2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
Html
1. INSTITUTO TECNOLOGICO DEL NOR-ORIENTE
ITECNOR
Catedra: Informática Básica No.2
Catedrático: Ing. Dubley Omar Sandoval Hernández
QUE ES HTML
Bustamante Zabaleta, Yuri Rodiber
5to. “A”
P.I.A.
Llanos de la Fragua, Zacapa 24-02-2015
2. QUE ES HTML
HTML, siglas de HyperText Markup Language («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 referenciación. 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, Chrome) 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.
SUS EVOLUCIONES
HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del
lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis
para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5 y una variante
3. XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML.1 2 Esta es la
primera vez que HTML y XHTML se han desarrollado en paralelo.
La versión definitiva de la quinta revisión del estándar se publicó en octubre de 2014.3
Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se
recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de
todo el potencial que provee HTML5.
El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.
TABLA DE ETIQUETES DE HTML
Elemento raíz
Etiqueta Descripción Notas
!DOCTYPE
tipo de documento (versión de xhtml
empleada)
Html engloba todo el documento
Metadatos
Etiqueta Descripción
Head delimita el encabezado del documento
title
título del documento (se muestra en la
barra de título del navegador)
base / URI base para direcciones relativas
link /
Enlace a otros archivos (hoja de estilo,
etc.)
meta / meta información sobre el documento
style hoja de estilo incluida en el documento
Secciones
Etiqueta Descripción
Body delimita el cuerpo del documento
h1 a h6 encabezado (de nivel 1 a 6)
address dirección (información sobre el autor)
Contenido (bloque)
Etiqueta Descripción
4. p Párrafo
hr / línea horizontal
pre texto pre formateado
blockquote cita larga (que incluye varios párrafos)
ol lista ordenada
ul lista no ordenada
li
elemento de lista (ordenada o no
ordenada)
dl lista de definición
dt término en lista de definición
dd definición en lista de definición
div división
Texto (en línea)
Etiqueta Descripción
a hiperenlace
em énfasis
strong énfasis (mayor que <em>)
small texto pequeño
S texto tachado Desaconsejada en XHTML 1.0
cite cita
q
cita breve (que no requiere saltos de
línea)
dfn definición
abbr abreviatura
code
fragmento de código fuente de programa
de ordenador
var variable (de programa de ordenador)
samp
ejemplo de salida de programa de
ordenador
kbd teclado
sub subíndice
sup superíndice
i texto en itálicas (cursiva)
b texto en negrita
5. U texto subrayado Desaconsejada en XHTML 1.0
bdo dirección de escritura
span fragmento de texto (elemento en línea)
br / salto de línea
acronym acrónimo Obsoleta en HTML 5
big texto grande Obsoleta en HTML 5
tt
texto en fuente no proporcional
(espaciado fijo)
Obsoleta en HTML 5
Modificaciones
Etiqueta Descripción
ins texto insertado
del texto borrado
Contenido empotrado
Etiqueta Descripción
img / imagen
iframe marco incrustado en el documento
object objeto
param / parámetro para <objeto>
map mapa de imagen
area / área en mapa de imagen
Tablas
Etiqueta Descripción
table tabla
caption leyenda de tabla
colgroup grupo de columnas
col / columna
tbody cuerpo de tabla (grupo de filas)
thead cabecera de tabla (grupo de filas)
tfoot pie de tabla (grupo de filas)
Tr fila
td celda
th celda de cabecera
6. Formularios
Etiqueta Descripción
form formulario
label etiqueta de un control
input /
control (hay varios controles: texto,
botón radio, etc)
button botón
select menú
optgroup grupo de opciones en un menú
option opción de menú
textarea área de texto
fieldset grupo de controles
legend leyenda de grupo de controles
Scripts
Etiqueta Descripción
Script script
noscript
contenido a mostrar en navegadores que
no admiten <script>
Otros
Etiqueta Descripción
<!-- ... -->
comentario (sólo visible en el código
fuente)
frameset frames en que se divide la pantalla Obsoleta en HTML 5
frame / contenido del frame Obsoleta en HTML 5
noframes
contenido a mostrar en navegadores que
no admiten <frame>
Obsoleta en HTML 5
Etiquetas desaconsejadas
Etiqueta Descripción
applet applet de Java
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
basefont / tamaño de tipo de letrabase
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
7. center div con alineación centrada
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
Dir lista de directorio
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
Font tipo de letra
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
isindex / caja de texto en formularios
Desaconsejada en XHTML 1.0.
Obsoleta en HTML 5
Menú lista de menú Desaconsejada en XHTML 1.0.
strike texto tachado
Desaconsejada en XHTML 1.0.
Obsoleta en HTML