Actividad 2

1. Historia del html

2. Estructura de una página en html5

3. Que es una etiqueta y cual es su sintáxis para su manejo en html5?

4. Etiquetas básicas que maneja html5 con ejemplos

5. Manejo de tablas en Html5, Realizar un ejemplo

5. Manejo de formularios en HTML, realizar un ejemplo

Nota: insertar videos que nos visualicen como trabajar con las etiquetas anteriores...

Actividad Html5

1. Crear una tabla en Html5 con la hora, los dias de la semana y las clases que reciben por dia y en la parte superior debe aparecer horario de clase y una imagen que tenga ver con ingeniería o tecnolgía de sistemas.

2. Realizar el siguiente formulario con codigo Html5....

Nota: al terminar cada punto tomarle una foto a la imagen y subirla al igual que codigo html guardado como txt... e insertarlo en el sitio Web de cada uno....

Historia del 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. Usualmente 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.

Tomado de → https://es.wikipedia.org/wiki/HTML

Opinion personal:

Segun entiendo yo html (HyperText Markup Language) es un lenguaje de programacion web muy importante ya que es aplicable a distintos navegadores unque se presentes ciertas fallas, este lenguaje nos da paso adiferentes usos aunque su sintaxis se basa mas que todo en escritura, pero es muy efectivo

Tomado de → https://onlinehtmltools.com/#sthash.4MySKBDw.dpbs

Estructura de una pagina en html 5

En HTML5 la estructura interna básica de una página web se ha simplificado, reduciendo el código innecesario hasta quedarse con el esqueleto básico, que sería el siguiente:

<!doctype html>
<html>

   <head>
      <meta charset="utf-8"/>
      <title>Título de la web</title>
   </head>

   <body>
      Contenido de la web
   </body>

</html>

Cada fichero HTML está compuesto de dos partes. El <head>, donde se añade toda la información que el navegador necesita pero que no se visualiza y el <body>, que agrupa todo el contenido de la página y que el navegador sí que muestra.

Tomado de → https://www.html6.es/t1_estructura.html

Comencemos hablando de semantica, y por su puesto la pregunta obvia es ¿ Que es la semantica ? La semantica no es mas que el significado que les damos a las palabras. Dejando a un lado esto hablemos un poco de la importancia en la semantica de HTML, sucede que el lenguaje esta hecho para que cada “etiqueta HTML” signifique algo, es así que el explorador sabe que pasa cuando encuentra un <img>, sabe que es una imagen, o cuando encuentra un <p> sabe que es un párrafo etc… Lo mismo sucede con los buscadores, es por eso que para un buscador es mas importante un <h1> que un <p>.

Con forme han pasado los años y la web ha evolucionado se han “depreciado” algunas etiquetas HTML y se han implementado nuevas, con la llegada de HTML5 las nuevas etiquetas semánticas, son mas precisas, y cumplen funciones que no se habían tomado en cuenta anteriormente, como por ejemplo la llegada de la etiqueta <nav> que es donde debemos poner nuestro menu.

Tomado de → https://www.tumaestroweb.com/html5/estructura-basica-de-una-pagina-web-en-html5/

Tomado de → https://mycyberacademy.com/apis-en-html5-drag-and-drop/

Que es una etiqueta y cual es su sintáxis para su manejo en html5?

Una etiqueta o baliza (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan información sobre una canción así como sobre el artista que la ha cantado o compuesto.

Tomado de → https://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)

Una Etiqueta o marca HTML Es Un código Que se includes en los Archivos CREADOS con el lenguaje HTML structure párrafo, Anadir SIGNIFICADO o formato al contenido de un Una Pagina Web.
Editar Por Descripción: midesweb
Ejemplo del uso de la etiqueta <B>
<B>
La Música Libre o Copyleft
</ B>

Tomado de → https://www.desarrolloweb.com/wiki/etiquetas-html.html

Tomado de → https://unadocenade.com/una-docena-de-plugins-indispensables-para-sublime-text/

Etiquetas básicas que maneja html5 con ejemplos

Headings

Nos definen el tamaño de un título o cabecera.

<h1> nos dá el tipo de letra más grande.
<h6> nos dá el tipo de letra más pequeño.
HTML agrega automaticamente un espacio antes y después de cada título.

<h1> al ser usado como título de una página Web, es de suma importancia ya que es uno de los parámetros que Google y demás buscadores tiene en cuenta, a la hora de indexar un sitio web.

Ejemplo
Código
<html>
<head>
<title>Headings</title>
</head>

<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
Resultado
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Párrafos

Los párrafos se definen con la etiqueta <p>.

Ejemplo
Código
<html>
<head>
<title>Párrafos</title>
</head>

<body>
<p>Este es el primer párrafo.</p>
<p>Y este es el segundo párrafo.</p>
</body>
</html>
Resultado
Este es el primer párrafo.

Y este es el segundo párrafo.

Comentarios

La etiqueta  se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo.

* Nota que el signo de exclamación se coloca solo al principio del código.

Salto de línea

El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos cortar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos.

Ejemplo
Código
Esto es <br> un salto de lí<br>nea.
Resultado
Esto es
un salto de lí
nea.

Trazar una línea

La etiqueta <hr> nos permite trazar una línea horizontal como las que separan las distintas secciones de este tutorial.

La etiqueta <hr> no tiene cierre.

Ejemplo
Código
<hr>
Resultado

Tabla con las etiquetas básicas

Etiquetas	Descripción	Ej.
<h1> a<h6>	Define el tamaño de los encabezados
<p>	Define un párrafo
<!-- -->	Define un comentario
<br>	Define un salto de línea
<hr>	Define una línea horizontal