Sei sulla pagina 1di 5

DIPLOMADOS DE HTML5, CSS Y JAVASCRIPT

Tarea: Eddy M. Diaz G.

1. Definición HTML5

- HTML5 (Estructura), como estándar que une varias tecnologías, es un


lenguaje markup (de hecho, las siglas de HTML significan Hyper Text
Markup Language) usado para estructurar y presentar el contenido
para la web. Es uno de los aspectos fundamentales para el
funcionamiento de los sitios. Un lenguaje de etiquetas que permite
construir los documentos webs (páginas web) de forma que los
navegadores puedan entender el contenido y mostrárselo al usuario.

HTML

HTML5

CSS JAVASCRIPT
2. Cuadro Comparativo HTML y HTML5

Los estándares oficiales HTML son el HTML 2.0, el HTML 3.2,


el HTML 4.0, el HTML 4.01 y el HTML 5.
HTML HTML5

Es compatible con el Html5, la posibilidad de La sintaxis de HTML 5 es compatible con


codificar una descripción textual de un objeto HTML y XHTML 1, y mejor manejo de
incluido (con el elemento OBJECT). errores

Desarrolla el lenguaje HTML con mecanismos Codificación de caracteres, donde se


para hojas de estilo, ejecución de scripts, requiere introducir el DOCTYPE al inicio de
marcos, objetos incluidos, soporte mejorado para la página.
texto de derecha a izquierda y direcciones Las hojas de estilo CSS son elementos
mezcladas, tablas más ricas y mejoras en básicos de HTML 5.
formularios.

Tienen elementos y atributos como: basefont, Modificaciones en la extensión de


big, center, align, background, bgcolor,etc HTMLDocument y extensiones del elemento
HTMLElement, a nivel DOM de ambos.
DOM es la plataforma neutral de
programación y la representación interna de
una web con la que trabaja un navegador
No soportado, Define un conjunto de marcos,sub Es un lenguaje más simple, semántico.
ventanas, un único campo se entrada de línea, Incluye elementos gráficos y multimedia.
texto tachado,una lista de directorio, etc. Permite el uso de las Web offline
Algunos de los atributos de HTML4 ahora son Finalmente, cabe destacar que HTML 5 se
globales, es decir que se aplican a todos los convierte en una plataforma de interfaces de
elementos. Algunos de ellos son accesskey, aplicación (APls) que integran
class, dir, id. funcionalidades complejas como la
geolocalización, la edición en línea o las
acciones de tipo deslizar y soltar (drag/drop).
3. Estructura HTML5

<!DOCTYPE html> <!—Indica que es un documento html5-->

<html lang=”es”>
<head>
<meta charset=”iso-8559-1”/>
<meta name=”description” content=”estructura html5”/>
<meta name=”keywords” content=”html, css, javascript”/>
<title>Estructura HTML5<title/>
<link rel=”stylesheet” href=”style.css”/>
</head>

<body>
<header>

<h1>Titulo Principal</h1> <! --cabecera-->

</header>

<nav> <!—Barra Navegacion-- >

<ul>

<li>Quienes Somos</li>

<li>Productos</li>

<li>Contáctanos</li>

</ul>

</nav>

<aside> <!--barra lateral-->

<blockquote></blockquote>
</aside>
<section>

<article>

<p>Contendo Principal1</p>

</article>

<article>

<p>Contendo Principal2</p>

</article>

</section> <!-- contenido principal-->

<footer>

Derechos reservados 2019

</footer> <!—información Institucional-->

</body>

</html>
4. Principales Etiquetas HTML5

<!DOCTYPE> Para indicar el tipo de documento


<article></article> Define un artículo
<address> Define un elemento de la dirección
<aside></aside>Define el contenido, aparte de contenido de la página
<blockquote></blockquote>
<code> Define el código de texto
header></header> Define un encabezado de una sección o página
<section></section> Una sección
<nav></nav> Barra Navegación
<footer></footer> Información Institucional

Potrebbero piacerti anche