Want to create interactive content? It’s easy in Genially!

Get started free

MÓDULO CODE HTML 5

MOLINA SANDOVAL YONNY FERNANDO

Created on January 30, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Math Lesson Plan

Primary Unit Plan 2

Animated Chalkboard Learning Unit

Business Learning Unit

Corporate Signature Learning Unit

Code Training Unit

History Unit plan

Transcript

<

>

<h1> Base de Conectados HTML 5</h1>

EMPEZAR >

>

>

<Objetivos>

Reconocer las funciones básicas de HTML 5 para la construcción de Cápsulas de conocimiento para la plataforma base de conectados.

Identificar las etiquetas más utilizadas en HTML 5 y su implementación.

 Conocer las formas de almacenamiento del recurso multimedia en y la obtención de los enlaces.

Implementar de las interacciones permitidas en Base de conectados.

>

>

01

00

02

<

>

<

>

<

>

HTML 5

Objetivos

Etiquetas

03

04

05

>

<

<

>

>

<

Manual

Atributos

Quiz

<SECCIÓN 01>

¿Qué es HTML 5?

EMPEZAR >

>

>

HTML no es un lenguaje de programación; es un lenguaje de marcado que define la estructura de tu contenido. HTML consiste en una serie de elementos que usarás para encerrar diferentes partes del contenido para que se vean o comporten de una determinada manera. Las etiquetas de encierre pueden hacer de una palabra o una imagen un hipervínculo a otro sitio, se pueden cambiar palabras a cursiva, agrandar o achicar la letra, etc.

<SECCIÓN 02>

¿Qué son las etiquetas?

EMPEZAR >

>

>

Las etiquetas HTML son pequeños bloques de código, que indican al navegador como debe interpretar el contenido recogido entre dichas etiquetas.

Lista de las etiquetas más usados en HTML.

Etiquetas de título

>

>

<h1>,<h2>,<h3>,<h4>,<h5>,<h6>

Son etiquetas usadas para jerarquizar el contenido de la web, como los títulos y subtítulos.

>

>

<ol> </ol> <ul> </ul> <li> </li>

<p> </p>

<A> </a>

Etiqueta usada para escribir párrafos de texto.

  • Etiquetas para crear una lista ordenada con números.
  • Etiquetas para crear una lista desordenada o viñetas.
  • Etiquetas que recogen el contenido de un elemento de una lista, sea ordenada o no.

Etiqueta utilizada para crear hiperenlaces en el documento HTML

>

>

<b></b>:

<div> </div>

<br>

Se utiliza para colocar el texto en negrilla.

Etiqueta común utilizada para crear un contenedor genérico.

Etiqueta utilizada para crear un salto de línea

>

>

<video> </video>

<img>

<table> </table>

Se usa para reproducir video en la página web junto a sus archivos de audio y capciones asociadas.

Etiqueta colocar una imagen en la página web.

Etiqueta utilizada para crear un salto de línea

<SECCIÓN 03>

¿Qué son los atributos?

EMPEZAR >

>

>

¿Qué son los atributos?

Los atributos en HTML se pueden considerar como información adicional que se coloca siempre en la etiqueta de apertura, esto para añadir, complementar información o significado al elemento HTML al que estamos colocando.

>

>

Lista de los atributos más usados en HTML

Id =” ”: Para identificar un elemento único. class =” ”: Identificador múltiple. align =” ”: Alineación de contenido. style =” ”: Para darle un estilo al contenido. href =” ”: Para enlaces html. width =” ”: Para determinar ancho. src=“ ”: Para imágenes.

>

>

Ejemplos

<SECCIÓN 04>

Manual de conectados actualizado

EMPEZAR >

>

>

Haz clic en la imagen para obtener el manual

<QUIZ>

Momento de la practica

EMPEZAR >

Módulo finalizado

>

<