SlideShare una empresa de Scribd logo
1 de 7
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
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
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
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
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
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
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

Más contenido relacionado

La actualidad más candente (20)

Visual basic
Visual basicVisual basic
Visual basic
 
Html
HtmlHtml
Html
 
Valleyy mishi
Valleyy mishiValleyy mishi
Valleyy mishi
 
Php
PhpPhp
Php
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
Php1
Php1Php1
Php1
 
Trabajo Html
Trabajo HtmlTrabajo Html
Trabajo Html
 
Trabajo html
Trabajo htmlTrabajo html
Trabajo html
 
Historia Del HTML
Historia Del HTMLHistoria Del HTML
Historia Del HTML
 
Php tema 4
Php tema 4Php tema 4
Php tema 4
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Herramientas wed 2.0
Herramientas wed 2.0Herramientas wed 2.0
Herramientas wed 2.0
 
HTML5 - XHTML - XML
HTML5 - XHTML - XMLHTML5 - XHTML - XML
HTML5 - XHTML - XML
 
Orellana morales html
Orellana morales htmlOrellana morales html
Orellana morales html
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
Algunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje htmlAlgunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje html
 
Ht ml
Ht mlHt ml
Ht ml
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
 
15 servidor php
15 servidor php15 servidor php
15 servidor php
 

Destacado

Presentación corporativa de Magic Agora - Entornos de Formación.
Presentación corporativa de Magic Agora - Entornos de Formación. Presentación corporativa de Magic Agora - Entornos de Formación.
Presentación corporativa de Magic Agora - Entornos de Formación. Entornos de Formación EDF
 
Cambiar idioma a español
Cambiar idioma a españolCambiar idioma a español
Cambiar idioma a españolVero Pailiacho
 
Preguntas frecuentes sobre SlideShare
Preguntas frecuentes sobre SlideSharePreguntas frecuentes sobre SlideShare
Preguntas frecuentes sobre SlideShareJMMosegue
 
15 Tips for Compelling Company Updates on LinkedIn
15 Tips for Compelling Company Updates on LinkedIn15 Tips for Compelling Company Updates on LinkedIn
15 Tips for Compelling Company Updates on LinkedInLinkedIn
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great InfographicsSlideShare
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShareKapost
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareEmpowered Presentations
 

Destacado (12)

Viu Concept - Entornos de Formación.
Viu Concept - Entornos de Formación. Viu Concept - Entornos de Formación.
Viu Concept - Entornos de Formación.
 
Viu Concepto - Entornos de Formación.
Viu Concepto - Entornos de Formación. Viu Concepto - Entornos de Formación.
Viu Concepto - Entornos de Formación.
 
Formar o Informar - Entornos de Formación.
Formar o Informar  - Entornos de Formación. Formar o Informar  - Entornos de Formación.
Formar o Informar - Entornos de Formación.
 
Presentación corporativa de Magic Agora - Entornos de Formación.
Presentación corporativa de Magic Agora - Entornos de Formación. Presentación corporativa de Magic Agora - Entornos de Formación.
Presentación corporativa de Magic Agora - Entornos de Formación.
 
Cambiar idioma a español
Cambiar idioma a españolCambiar idioma a español
Cambiar idioma a español
 
Preguntas frecuentes sobre SlideShare
Preguntas frecuentes sobre SlideSharePreguntas frecuentes sobre SlideShare
Preguntas frecuentes sobre SlideShare
 
15 Tips for Compelling Company Updates on LinkedIn
15 Tips for Compelling Company Updates on LinkedIn15 Tips for Compelling Company Updates on LinkedIn
15 Tips for Compelling Company Updates on LinkedIn
 
SlideShare 101
SlideShare 101SlideShare 101
SlideShare 101
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
Masters of SlideShare
Masters of SlideShareMasters of SlideShare
Masters of SlideShare
 
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to SlideshareSTOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
STOP! VIEW THIS! 10-Step Checklist When Uploading to Slideshare
 
You Suck At PowerPoint!
You Suck At PowerPoint!You Suck At PowerPoint!
You Suck At PowerPoint!
 

Similar a Html (20)

Instituto tecnológico de nor 3
Instituto tecnológico de nor 3Instituto tecnológico de nor 3
Instituto tecnológico de nor 3
 
Trabajo de html sandy gutierrez
Trabajo de html sandy gutierrezTrabajo de html sandy gutierrez
Trabajo de html sandy gutierrez
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Html vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejoHtml vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejo
 
Html vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejoHtml vanegas morales, vasquez montejo
Html vanegas morales, vasquez montejo
 
Que es html
Que es htmlQue es html
Que es html
 
Html tarea
Html tareaHtml tarea
Html tarea
 
Colegio debora arango perez
Colegio debora arango perezColegio debora arango perez
Colegio debora arango perez
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Definición de html
Definición de htmlDefinición de html
Definición de html
 
Que son etiquetas de html daniela veliz
Que son etiquetas de html daniela velizQue son etiquetas de html daniela veliz
Que son etiquetas de html daniela veliz
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 
Que es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesúsQue es html zabaleta ruíz milton de jesús
Que es html zabaleta ruíz milton de jesús
 
Html
HtmlHtml
Html
 
Tarea
TareaTarea
Tarea
 
Tarea
TareaTarea
Tarea
 

Último

Historia de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptxHistoria de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptxedgarzevallos
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024IES Vicent Andres Estelles
 
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIAWilian24
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONamelia poma
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresJonathanCovena1
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOluismii249
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdfDemetrio Ccesa Rayme
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxFernando Solis
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!CatalinaAlfaroChryso
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOluismii249
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxhenarfdez
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalJonathanCovena1
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxcandy torres
 

Último (20)

Historia de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptxHistoria de la iglesia cristiana y sus 6 PERIODOS.pptx
Historia de la iglesia cristiana y sus 6 PERIODOS.pptx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
prostitución en España: una mirada integral!
prostitución en España: una mirada integral!prostitución en España: una mirada integral!
prostitución en España: una mirada integral!
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx2° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
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