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.
Index.html →
El archivo index.html es el archivo principal de la página. En el mundo de la programación web se suele decir que la primera página a mostrar es el archivo index.
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.
PARRAFOSLas 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.
ENCABEZADOSPodemos 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
ELEMENTOSUn elemento es lo que llamamos la etiqueta de apertura, la etiqueta de cierre y el código intermedio.

Hello World! →
Hello World u hola mundo son terminos que se usan al empezar en el mundo de la programación.
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.

SEPARAR LINEAS
Podemos separar lineas con la ayuda de la etiqueta de salto de linea: "br".
"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 SEPARADORAPara crear una linea separadora, usamos la etiqueta "hr".
CURSIVA
Hay un elemento para dar énfasis al texto, "em" lo pone en cursiva.

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

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.


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".

HEAD
El head es un contenedor de información sobre una página web.
UTF-8 →
UTF-8 es la codificación universal de caracteres.

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.

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.

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 ENLACESPara 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 codePuedes utilizar enlaces para manejar entre difrentes páginas o ventanas.

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.
Href attribute →
La funcion de los enlaces es redirigir a otras páginas.
SIGUIENTES LECCIONES
@BComputerCenter
Todos los derechos reservados.