Curso básico de html

¡Bienvenido! Este curso está diseñado para que puedas aprender los aspectos básicos para la creación de páginas web con HTML, de una manera muy sencilla.

Unidad 1: En esta parte entraremos en contexto y conoceremos qué es el html y cuáles son sus componentes a la hora de crear una página web.

Unidad 2: para esta etapa nos concentramos en conocer la estructura básica de una página web con html.

Unidad 3: en esta parte del curso aprenderemos acerca de las diferentes etiquetas que puedes usar para organizar tu contenido en html.

En primer lugar:

a

En segundo lugar: etiquetas para organizar el contenido.

Pueden clasificarse así:

Texto

Puedes modificar el texto así:

Imagen

Tablas

Enlaces

Frames

Unidad 4: consistirá en practicar los conceptos vistos con la ayuda del siguiente programa:

Unidad 5: tras poner en práctica todos los conceptos y comprobar como funciona la sintaxis de html, se usará Sublime Text para iniciar un proyecto personalizado.

Definición

¿Qué es HTML?

Sus siglas corresponden a HyperText Markup Language, es decir, “Estándar de Lenguaje de Marcado Generalizado”, entendido como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista.

¿Cuál es su utilidad?

El HTML se encarga de desarrollar una descripción sobre los contenidos que aparecen como textos y sobre su estructura, complementándolo con diversos objetos (como fotografías, animaciones, gráficos, multimedia, etc). Además de permitir la organización del texto en párrafos, con la posibilidad de aplicar efectos sencillos (negrita, cursiva, otros).

Componentes de una página html

Etiquetas o tags

¿Qué son?

Son aquello que vemos entre corchetes en el código de nuestra web, por ejemplo: (Encabezado principal) Su función es “encerr

Son aquello que vemos entre corchetes en el código de nuestra web, por ejemplo: <H1> (Encabezado principal)
Su función es “encerrar” el contenido al que afecta. Una etiqueta de apertura se compone del nombre del elemento encerrado por los símbolos menor-que "<" y mayor-que ">". La etiqueta de cierre se construye de igual manera que la de apertura pero, en este caso, el nombre del elemento es precedido por una barra diagonal ("/").

Elementos

Están compuestos por dos etiquetas: la etiqueta de apertura y la etiqueta de cierre.

Ten presente que los elementos no son etiquetas. Los elementos están representados por etiquetas en el código. Sin embargo son habitualmente considerados, de manera errónea, la misma cosa.

Ten presente que los elementos no son etiquetas. Los elementos están representados por etiquetas en el código. Sin embargo so
a

Atributos y eventos

Los atributos definen valores o propiedades para ser utilizadas por los navegadores en el procesamiento del documento, los eventos pueden ser empleados para especificar comportamientos o acciones a ser desempeñadas cuando ciertas condiciones se cumplen, como por ejemplo, cuando el usuario hace un click sobre el elemento.

Ejemplo

Ejemplo
a

Contenido

El contenido de un elemento es, hablando en términos generales, todo aquello que se encuentra entre sus etiquetas de apertura y cierre. Dependiendo del elemento, esto puede ir desde absolutamente nada a un trozo de documento HTML. Este contenido es lo que será afectado por la funcionalidad o significado del elemento.

Aquí tenemos un ejemplo de tres tipos de contenido diferente:

Aquí tenemos un ejemplo de tres tipos de contenido diferente:
a

Estructura básica de una página en html

No debemos olvidar