FUNDAMENTOS DE HTML

142 ETIQUETAS EN HTML

HTML

Hay 142 Etiquetas en HTML

introduccón a lenguaje html

• HTML Es un lenguaje para el desarrollo web porque nos permite definir la ESTRUCTURA de la pagina web, el contenido que se va a mostrar en el navegador. Sus siglas significan en inglés "HyperText Markup Language" (Lenguaje de Marcado de Hipertexto).

EL PROPOSITO DE HTML

Html

• HTML 5

TRABAJA CON CSS Y JAVASCRIP

Html 5

• HTML una página web es realmente un documento de texto. En dicho documento se escribe código html ESTRUCTURA
• CSS Es un lenjuaje de ESTILO utilizado en el ámbito del diseño web.

trabaja en conjunto ccs

Html

Hay 142 Etiquetas en HTML

ELEMENTOS QUE INTEGRAM html

• Los elementos en HTML son todas herramientas o instrucciones en el lenguaje de html
• Nos permite Estructurar(ETIQUETAS) el contenido de una pagina.

elementos en html

Hay 142 Etiquetas en HTML

ESTRUCTURA html

• HTML Es un lenguaje para el desarrollo web porque nos permite definir la ESTRUCTURA de la pagina web, el contenido que se va a mostrar en el navegador. Sus siglas significan en inglés "HyperText Markup Language" (Lenguaje de Marcado de Hipertexto).

ESTRUCTURA BASICA DE HTML

Hay 142 Etiquetas en HTML

💡 tips en html

💡 TIPS EN HTML

• La INDENTACIÓN en HTML (es espacio o sangría que colocamos antes de las líneas.) es muy importante porque nos permite distinguir visualmente la estructura de la página web en el archivo.

• ELEMENTO
• ATRIBUTO
• CONTENIDO
• VARIABLES

TABLA DE ETIQUETAS

ETIQUETAS

• ELEMENTO Un elemento típico incluye una etiqueta de apertura con algunos atributos, contenido de texto cerrado y una etiqueta de cierre.

• ATRIBUTO Un atributo amplía una etiqueta (tag), cambiando su comportamiento o proporcionando metadatos. Un atributo tiene la forma nombre=valor (especificando el identificador del atributo y el valor asociado al atributo).
• CONTENIDO Es el texto que se encuentra dentro de un elemento HTML.
• VARIABLES Es un marcador de posición que se utiliza para almacenar e insertar datos en el código HTML.

TABLA DE ETIQUETAS

ETIQUETAS

Elementos semánticos HTML5

• Mediante marcadores semánticos se puede diferenciar claramente el contenido que referencia cada etiqueta.

Elementos semánticos HTML5

bASICAS

ETIQUETAS

bASICAS

ETIQUETAS

ETIQUETA DE LISTAS

• LISTA ORDENADA

ELEMENTO <ol></ol> Especifica una lista Ordenada de Elementos

ETIQUETA DE LISTAS ORDENADAS

• En su lugar, deseas ordenar usando el alfabeto como A, B, C o a, b, c. Puedes hacerlo

Especificando el valor del Atributo type de la etiqueta <ol>.Puedes ordenar la lista usando las letras A, B, C pasando A como valor de type (tipo).

ETIQUETA DE LISTAS ORDENADAS

• Si desea utilizar números romanos, utilice el valor I para una lista ordenada con números romanos:

Especificando el valor del Atributo type de la etiqueta <ol>.

ETIQUETA DE LISTAS ORDENADAS

• ATRIBUTO "START"

Especifica el valor inicial del primer elemento de una lista ordenadaATRIBUTO:

ETIQUETA DE LISTAS

• LISTA DESORDENADA

ELEMENTO <ul></ul> Especifica una lista NO ordenada de Elementos

Formularios HTML

¿Qué son los formularios en HTML? Los formularios HTML son elementos de las páginas web que nos sirven para recuperar información del usuario y enviarla al servidor para que pueda ser procesada. La sintaxis para definir un formulario será mediante el elemento form:

Campos de entrada de datos

• Son los elementos básicos de un formulario ya que son los que nos permiten recuperar información del usuario de diferentes formas.

El elemento que representa los campos de entrada de datos es input. La estructura básica de un campo de entrada es la siguiente:

Campos de entrada de datos

• Campo de texto <input type="text"> Permite al usuario ingresar texto de una sola línea, como nombres, direcciones, comentarios, etc.

Campos de entrada de datos

• Etiqueta <button></button> Representa un elemento cliqueable de tipo botón que puede ser utilizado en formularios o en cualquier parte de la página que necesite un botón estándar y simple de aplicar.

Campos de entrada de datos

• Atributo placeholder (Marcado de posición) es muy util al crear formularios claros y facil de entender.

Campos de entrada de datos

• Atributor REQUIRED (Campo Obligatorio) hasta que cumpla la condición envia los Datos.

Campos de entrada de datos

• <Input type="radio">Interior
• <Input type="radio">Exterior nos ayuda a crear un boton radio.

Campos de entrada de datos

• <label></label> Significa (ETIQUETA) en este caso nos sirve para seleccionar la opcion tocando el texto .

Campos de entrada de datos

• <label></label> Significa (ETIQUETA) en este caso nos sirve para seleccionar la opcion tocando el texto .

Campos de entrada de datos

• <label></label> sirve para selecionar la opcion tocando el texto de la lista.

Campos de entrada de datos

• <label></label> sirve para selecionar la opcion tocando el texto de la lista.

💡 tips en html 5

💡 TIPS EN HTML 5

• COMENTARIOS EN HTML 5

Los comentarios se pueden escribir en una sola linea o multiples lineas Ejemplo.

💡 tips en html

Info

Con las plantillas de Genially podrás incluir recursos visuales para dejar a tu audiencia con la boca abierta. También destacar alguna frase o dato concreto que se quede grabado a fuego en la memoria de tu público.

Describe el problema que vas a resolver

Nombre Autor/a

''Anima tu contenido y llévalo al siguiente nivel''

Somos seres visuales. Somos capaces de entender imágenes de hace millones de años.

paso 1

Seres narrativos. Contamos miles de historias. ⅔ de nuestras conversaciones son historias.

paso 2

Seres sociales. Necesitamos interactuar unos con otros. Aprendemos de forma colaborativa.

paso 3

Seres digitales. Evitamos formar parte de la saturación de contenido en el mundo digital.

paso 4

Síntesis y organización

proceso

Info

Inserta un vídeo genial para tu presentación

VíDEO

Utiliza una imagen

galería

¡Recuerda ser feliz!