Scribd
Cargar
53 vistas14 páginas

HTML5 Presentación

El documento describe las tecnologías HTML5, CSS3, jQuery y Bootstrap para el desarrollo de páginas web. Explica que HTML5 define la estructura y contenido de una página, CSS controla el estilo visual, y jQuery y Bootstrap facilitan la creación y comportamiento dinámico de las páginas. También describe los elementos básicos de HTML5 como encabezados, párrafos, listas, tablas y capas, y cómo se definen y estructuran correctamente los documentos HTML.

Cargado por

D4VE &
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
53 vistas14 páginas

HTML5 Presentación

El documento describe las tecnologías HTML5, CSS3, jQuery y Bootstrap para el desarrollo de páginas web. Explica que HTML5 define la estructura y contenido de una página, CSS controla el estilo visual, y jQuery y Bootstrap facilitan la creación y comportamiento dinámico de las páginas. También describe los elementos básicos de HTML5 como encabezados, párrafos, listas, tablas y capas, y cómo se definen y estructuran correctamente los documentos HTML.

Cargado por

D4VE &
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 14

HTML5, CSS3, JQUERY Y BOOSTRAP

• Índice

• HTML

• CSS

• Javascript

• Bootstrap
Estructura de una página web

Página Web
• Párrafos •Tablas
Estructura •• Encabezados • Capas
Listas • Etc.
HTML
• Textos
Contenido • Imágenes
• Enlaces

• Colores • Fondos
Apariencia • Tipografías • Tamaños
Etc.
CSS
• Alineación •

• Efectos
Comportamiento • Validaciones
• Automatización
Javascript
HTML5
¿Qué es HTML5?

Es un lenguaje de marcas utilizado para el desarrollo de páginas web.

Define la estructura y contenido que debe tener una web.

No define el estilo visual que tendrá para eso se usará CSS.

Ha sido establecido como estándar de diseño web por el W3C.

Los navegadores deben saber interpretar este lenguaje de manera correcta (no
siempre IE)

Sobre HTML se desarrollan tecnologías para facilitar a los usuarios el diseño de una
web.
HTML5
Evolución:
• En 1997 nace HTML4 publicado por el W3C como
estándar de diseño web.
• En 1999 nace XHTML 1.0 que extiende HTML4
• En 2001 se publica la nueva versión de XHTML, la 1.1
• En 2002 se prepara un borrador para una nueva versión de
XHTML
• En 2008 naceHTML5 como el sucesor de HTML4 y
XHTML 1.1
HTML5
¿Por qué HTML5?

• HTML 4.0 era suficiente para cubrir todas las necesidades web surgidas hasta el
momento.

• La web evolucionó rápidamente insertando diferentes contenidos a ofrecer en


cada página.

• HTML 4.0 no cubre esas necesidades por lo que se crearon diversas tecnologías
que suplieran este vacío:

• Flash Player

• Silverlight

• Se tiende a un trabajo distribuido por lo que se exigen herramientas tipo


"escritorio" en versión web.
HTML5
• ¿Por qué HTML5?

• En este punto HTML4 se queda obsoleto.

• Instalar plugins de terceros genera graves agujeros de


seguridad.

• Las nuevas funcionalidades requeridas no encajan con el


esquema inicial diseñado.

• Conclusión: hay que hacer evolucionar el estándar a las


necesidades actuales → HTML5

• Referencia: http://www.w3schools.com/html/default.asp
HTML5
El concepto de elemento HTML

• Los elementos son los componentes fundamentales del HTML


• Cuentan con 2 propiedades básicas:
• Atributos
• Contenido
• En general se conforman con una Etiqueta de Apertura y otra
Cierre.
• Los atributos se colocan dentro la etiqueta de apertura, y el
contenido se coloca entre la etiqueta de apertura y la de
cierre.
HTML5

• El concepto de elemento HTML


Elemento
Etiqueta de Apertura Contenido Etiq. de Cierre

<p class=“texto”>Curso HTML CEMA </p>


Nombre Valor
Atributo
Tipos de elementos HTML

Estructurales:
HTML5
Describen el propósito del texto y no denotan
ningún formato específico.
<h1>Curso HTML</h1>

De Presentación:

Describen la apariencia del texto,


independientemente de su función.
<b>Curso HTML</b>

Los elementos de presentación se encuentran


obsoletos desde la aparición del CSS.

De Hipertexto:

Relaciona una parte del documento a otros


documentos.
<a href=“http://www.cema.edu.ar”>Universidad
del Cema</a>
<!DOCTYPE html>
<html lang="es">
<head>
<title>Título</title>
<!– Encabezado de la web. Aquí
incluiremos metainformación y
ESTRUCTURA cargaremos componentes y estilos
BASE DE UN utilizados en la web-->
DOCUMENTO </head>
HTML. <body>
<!– Cuerpo de la web. Aquí
escribiremos el contenido-->
…..
</body>
</html>
Definir un documento HTML.
1. El primer paso es crear un fichero html o xhtml.
2. Una vez creado deberemos especificar el tipo de
documento, para ello la primera línea debe ser:
<!DOCTYPE html> si es HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> si es XHTML

3. Una vez realizado esto podremos comenzar con el


contenido de nuestro fichero HTML
HTML layout
La sección HEAD
Contiene metainformación de la página
Establecemos título y palabras clave para los buscadores
Incluimos hojas de estilo (CSS) a utilizar en la página
Podemos introducir código javascript a usar en nuestra página.
Referencia: http://www.w3schools.com/html/html_head.asp
HTML5

• La sección BODY
• Alberga el "contenido" real de la página.
• Establece cómo se visualizan los elementos.
• Hace uso de los scripts y hojas de estilo definidos en la sección
HEAD.
• En este punto tenemos a nuestra disposición de todos los tags
disponibles para maquetar nuestra página.
• Referencia: Elementos HTML

También podría gustarte