MIMO-HTML

HTML BÁSICO

¿QUE ES HTML?

HTML (HyperText Markup Language) es el lenguaje de marcas de hipertexto, es decir, es un lenguaje de marcado que nos va permitir darle la estructura basica a una página web.

HTML se utiliza para darle contenido a una página web, a nivel de texto, imágenes, videos, tablas, etc.


Pueden existir n numeros de páginas o archivos HTML, por lo tanto, definir un index puede ayudarnos a organizar el manejo entre cada uno de esas páginas o archivos.

PARRAFOS

Las palabras clave de algunas etiquetas son ovbias, pero hay algunas etiquetas que usan una forma abreviada. Por ejemplo usamos la letra "p" para un párrafo.

ENCABEZADOS

Podemos crear encabezados en HTML para enfatizar ciertos textos. Hay 6 tamaños de encabezado en HTML, de h1 a h6.

Encabezado 1

Encabezado 2

Encabezado 3

Encabezado 4

Encabezado 5
Encabezado 6
ELEMENTOS

Un elemento es lo que llamamos la etiqueta de apertura, la etiqueta de cierre y el código intermedio.

Elemento1

ELEMENTOS HTML Y BODY

Los elementos HTML y body forman la estructura de una página web. Colocamos los elementos que queremos mostrar dentro del cuerpo.

Más adelante, aprenderemos otros elementos que van dentro del elemento HTML para dar estilo a las páginas web y hacerlas interactivas.

bodyhtml
SEPARAR LINEAS

Podemos separar lineas con la ayuda de la etiqueta de salto de linea: "br".

Elemento2

"br" es una etiqueta vacía. Las etiquetas vacías no tienen etiqueta de cierre ni contenido. También se les llama etiquetas de cierre automático.

LINEA SEPARADORA

Para crear una linea separadora, usamos la etiqueta "hr".



CURSIVA

Hay un elemento para dar énfasis al texto, "em" lo pone en cursiva.

Elemento3
TEXTOS IMPORTANTES

Para definir textos como importantes, usamos las etiquetas "strong". Pone el texto en negrita

Elemento4

TITULO

Para darle un titulo a una página web, agregamos la etiqueta "title" dentro de las etiquetas del encabezado.

Tenga en cuenta que el title no es visible pero proporciona información al navegador.

Elemento5
Name
DOCTYPE

El doctype le dice al navegador web qué versión de HTML estamos usando. Sin él, es posible que el navegador no muestre la página correctamente.

Como estamos usando la última versión, usamos "!DOCTYPE html".

Version HTML
HEAD

El head es un contenedor de información sobre una página web.


Header

TIPOS DE LISTAS

LISTAS DESORDENADAS

Para crear una lista desordenada, usamos la etiqueta "ul".

Para crear un elemento dentro de la lista desordenada, usamos la etiqueta "li".

La principal característica de las listas desordenadas es que no se enumeran los elementos ya que no llevan un orden.

desordenadas
LISTAS ORDENADAS

Para crear una lista ordenada, usamos la etiqueta "ol".

Para crear un elemento dentro de la lista ordenada, usamos la etiqueta "li".

La principal característica de las listas ordenadas es que los elementos se enumeran.

ordenadas
BOTONES DE CONSTRUCCIÓN

Con los botones, los programas cambian las páginas web según el comportamiento del usuario.

Por ejemplo, hacer clic en siguiente puede ejecutar código que recorre los caracteres.

Más adelante aprenderemos a utilizar ese código. Por ahora, nos centraremos en el elemento del boton.


CODIFICANDO UN TERMINOS Y CONDICIONES

Terns and conditions

By clicking accept, you agree to helping a friend this weekend.

CREACIÓN DE ENLACES

Para comenzar a crear un enlace, agregamos el texto entre las etiquetas "a", el cual, tiene cierre con el signo "/". Esto no resaltará el texto todavía.

"a" Significa etiqueta Ancla.

Learn to code

Puedes utilizar enlaces para manejar entre difrentes páginas o ventanas.

enlaces

href es un atributo. Todos los atributos tienen dos cosas en común: brindar infromación adicional y van dentro de la etiqueta de apertura.

Los atributos se agregan después del nombre de la etiqueta y antes del signo de cierre.


SIGUIENTES LECCIONES

@BComputerCenter

Todos los derechos reservados.