1
PROGRAMACIÓN WEB
ACTIVIDAD DE BIBLIOTECA
SEBASTIAN CAMILO LOPEZ CANO
702384
CORPORACIÓN UNIVERSITARIA MINUTO DE DIOS
INGENIERÍA DE SISTEMAS
SOACHA, CUNDINAMARCA
2020
2
Tabla de contenido
Conceptos HTML 5: ......................................................................................................................... 3
Características en relación con HTML 4: ....................................................................................... 3
Nuevos elementos incluidos en HTML 5:. ....................................................................................... 4
¿Qué es la semántica y para qué sirve en HTML 5? ...................................................................... 4
Comparación entre <table> y <div>: .............................................................................................. 4
Definición de tags en HTML: ........................................................................................................... 5
Referencias: ....................................................................................................................................... 5
3
Conceptos HTML 5:
HTML5 es la última versión de HTML. El término representa dos conceptos diferentes:
Se trata de una nueva versión de HTML, con nuevos elementos, atributos y
comportamientos.
Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las
aplicaciones ser más diversas y de gran alcance. A este conjunto se le llama HTML5
y amigos, a menudo reducido a HTML5. [1]
Características en relación con HTML 4:
HTML5 (HyperText Markup Language, versión 5) es la quinta revisión del lenguaje
HTML. Esta nueva versión (aún en desarrollo), y en conjunto con CSS3, define los nuevos
estándares de desarrollo web, rediseñando el código para resolver problemas y
actualizándolo así a nuevas necesidades. HTML5 está destinado a sustituir no sólo HTML
4, sino también XHTML 1 y DOM Nivel 2. Esta versión nos permite una mayor interacción
entre nuestras páginas web y el contenido media (video, audio, entre otros) así como una
mayor facilidad a la hora de codificar nuestro diseño básico.
Los nuevos elementos multimedia como <audio> y <video>.
La integración de gráficos vectoriales escalables (SVG) en sustitución de los
genéricos <object>, y un nuevo elemento <canvas> que nos permite dibujar en él.
El cambio, redefinición o estandarización de algunos elementos,
como <a>, <cite> o <menu>. [2]
4
Nuevos elementos incluidos en HTML 5:
<audio>, <video>: HTML5 introduce soporte integrado para el contenido multimedia
gracias a los elementos <audio> y <video>, ofreciendo la posibilidad de insertar contenido
multimedia en documentos HTML.
<canvas>: Es un elemento HTML el cual puede ser usado para dibujar gráficos usando
scripts (normalmente JavaScript). Este puede, por ejemplo, ser usado para dibujar gráficos,
realizar composición de fotos o simples animaciones.
<a>: Sirve para crear un hiperenlace (href, target, download, rel, type).
<cite>: Marca una referencia a una fuente, o el autor de un texto citado.
<menú>: El elemento menú (directorio) es un elemento desaprobado. En su origen fue
pensado para crear menús.
<MathML>: Permite integrar directamente fórmulas matemáticas.
¿Qué es la semántica y para qué sirve en HTML 5?
Desde su inicio el HTML añade significado semántico a el código que comprende
un sitio web. Con etiquetas como (<h1>, <p>, <Ing.>, etc…), el desarrollador puede
designar un título, añadir encabezados y párrafos e insertar imágenes para así dar forma al
documento. La semántica en el HTML y HTML5 se refiere al significado o información
extra que otorgan los elementos o etiquetas del lenguaje, información que define o describe
el contenido, función o sección que contienen:
Elementos para seccionar
Elementos de metadato
Interactivos
Fraseo, de títulos
Elementos para incrustar
Comparación entre <table> y <div>:
La etiqueta de la tabla se creó inicialmente para agregar y controlar tablas en un sitio web.
La etiqueta de la tabla garantiza que el diseño o la ubicación del contenido no cambien.
5
La etiqueta Div no está relacionada con el diseño y la ubicación del contenido en
una página, sino con la presentación y la aplicación de estilo de la misma. La etiqueta div
agrupa ciertos elementos en la página y le permite al usuario formatear todos esos
elementos con una misma instrucción. [3]
Definición de tags en HTML:
¡<!Doctype>: Tipo de documento (versión de html).
<área>: Sirve para crear las distintas secciones en las que se puede dividir en mapa de imágenes
para el cliente.
<Id>: El atributo global id define un identificador único (ID) el cual no debe repetirse en todo el
documento. Su propósito es identificar el elemento al vincularlo (usando un identificador de
fragmento), en scripts u hojas de estilo (con CSS).
<body>: Delimita el cuerpo del documento.
<br>: Salto de línea.
<button>: Es un botón, sus atributos son: (name, type (submit, reset, button), value, form).
<colgroup>: Grupo de columnas, su atributo es span.
<col>: Columna, su atributo es span.
<footer>: Pie de página.
<h1 al h6>: Encabezado (tamaño 1 al 6, siendo el mayor 1).
<head>: Establece el encabezado o cabecera del sitio.
<html>: Encierra toda la estructura de un sitio, su atributo es lang.
<nav>: Navegación.
<script>: Se utiliza para insertar o hacer referencia a un script ejecutable dentro de un documento
HTML o XHTML, sus atributos son: (src, type, charset, async, deferz).
Referencias:
[1] HTML5. (2020). Retrieved 2 September 2020, from
https://developer.mozilla.org/es/docs/HTML/HTML5#:~:text=HTML5%20es%20la%20última%.
[2] Garro, A. (2020). ¿Qué es HTML5? | HTML5. Retrieved 2 September 2020, from
https://www.arkaitzgarro.com/html5/capitulo-
1.html#:~:text=HTML5%20está%20destinado%20a%20sustituir,de%20codificar%20nuestro%20diseño%20b
ásico.
6
[3] div., D. (2020). Diferencia entre tabla y div. - Diferencia Entre - 2020. Retrieved 2 September 2020, from
https://es.natapa.org/difference-between-table-and-div-1869.
