Tutorial básico de HTML, CSS y JavaScript

¡Bienvenido al curso!

Para entender el lenguaje HTML, conviene comprender mejor qué es realmente. Esta lección aborda precisamente esta cuestión.

La pregunta crucial cuando se está empezando: ¿Cómo se crean, visualizan o modifican los documentos HTML? Encontrará la respuesta en este vídeo.

La base de los documentos HTML son las llamadas etiquetas. Usted aprenderá sobre el concepto en esta lección.

Los documentos HTML constan de un área de cabecera con información sobre el documento y el contenido visible. En esta lección, veremos primero el área de cabecera (head).

El contenido real se almacena en el área del cuerpo. Es esencial que haya comprendido esta subdivisión básica. Por lo tanto, ¡esta lección es obligatoria en cualquier caso!

Los documentos extensos, en particular, se benefician de los comentarios que no aparecen en la propia web. Pueden hacer el código más claro y documentarlo. Aprenda a crearlos.

En la web, siempre encontrará especificaciones de rutas, en dos variantes: como especificaciones de rutas relativas o absolutas. Echa un vistazo a esta lección para entender el concepto.

Los enlaces dentro de un sitio web son extremadamente comunes. Puede encontrar la implementación en este artículo.

Los enlaces a otros sitios web son igual de importantes y también forman parte de la vida cotidiana en Internet. El objetivo también especifica cómo se abren los enlaces. Aprenda a ponerlo en práctica.

Las referencias dentro de un documento también se llaman anclas. Aprenda a establecerlas y a hacer referencia a zonas de la página actual.

Una estructura jerárquica incluye, entre otras cosas, encabezamientos. Aquí conocerá los elementos disponibles.

Los espacios y saltos de línea en los documentos HTML son limitados. Es importante que estés familiarizado con este concepto.

Los párrafos desempeñan un papel importante en un texto. Aquí aprenderás a establecerlos.

Los textos deben ser claros, sobre todo en Internet. Las listas ayudan al espectador a hojear. Por eso, la lección sobre listas organizadas y no organizadas es imprescindible.

Las tablas son enormemente importantes para preparar datos en forma tabular. Aquí aprenderás los conceptos básicos.

Una web sin imágenes es inimaginable. Aquí aprenderá a integrar imágenes.

Aprenda a utilizar caracteres especiales como entidades HTML en sus documentos.

Utilice iframes para incrustar otros sitios web directamente en su sitio web.

Los JavaScriptScripts se integran en documentos HTML. Puede aprender a hacerlo aquí.

El primer ejercicio práctico de HTML trata sobre el formato del texto y la creación de encabezados.

Aquí se crea una receta como documento HTML y se utilizan elementos HTML básicos.

Los conocimientos de las tablas se aplican ahora en la práctica.

Conozca el concepto de hojas de estilo en cascada.

Aprende a asignar sentencias CSS directamente a los elementos.

Las hojas de estilo internas son otra forma de almacenar instrucciones directamente en el documento.

Un caso muy común: las hojas de estilo se externalizan a archivos externos y se integran.

Los atributos "class" e "id" son extremadamente importantes para el estilo. Conózcalos aquí.

Los contenedores, en particular, desempeñan un papel importante cuando se trabaja con CSS. Aquí aprenderás el concepto utilizando la etiqueta div como ejemplo.

Los elementos pueden posicionarse de forma diferente utilizando el atributo float. Un elemento central en el diseño. Una lección obligatoria.

El atributo de posición también es muy importante y debe figurar en todos los programas de estudios de CSS.

Conozca las distintas especificaciones de espaciado ("padding" y "margin").

La anchura y la altura (alto y ancho) son el tema de esta lección.

Los elementos HTML se pueden mostrar con un borde. Para ello existe el atributo border, que conocerás en este vídeo.

Todo el mundo ha utilizado diferentes tamaños de fuente en algún momento. Después de esta lección, serás capaz de definirlos con CSS.

Las fuentes no siempre están disponibles en todos los ordenadores. Por eso se suelen definir familias de fuentes en la web. Aprende a hacerlo en este vídeo.

La base del diseño de texto: negrita, cursiva y subrayado. En esta lección, te presentaré las instrucciones CSS.

La alineación de texto también se conoce del tratamiento de textos y no es infrecuente en la web. Descubre cómo funciona con CSS.

El diseño estándar de los enlaces puede mejorarse notablemente utilizando CSS. Conozca los distintos estados de los enlaces y las instrucciones CSS correspondientes.

Un breve repaso a la pregunta: "¿Qué es JavaScript exactamente?"

En este curso intensivo, integrará JavaScript en un documento HTML. En primer lugar, aprenderá a almacenarlo directamente en el documento.

Los JavaScript externos también son importantes y están constantemente presentes en la web.

Conozca el "Modelo de objetos del documento".

No es necesario que los datos salgan en TVML/TVJS de esta forma, pero sigue siendo importante para los demás ejemplos.

Una característica clave de JavaScript es el control a través de eventos. Aquí aprenderás sobre el concepto usando el ejemplo de eventos de clic.

Aprende a acceder a los elementos y a cambiar su valor.

Variables - un concepto central de todo lenguaje de programación. Aquí aprenderás cómo crearlas en JavaScript.

Aunque JavaScript no utilice tipos de datos explícitos en la declaración, debe comprender el concepto.

Un ordenador ("calculadora") no es capaz de calcular nada sin simple aritmética. JavaScript también puede hacerlo, por supuesto.

Aunque no las utilices directamente, en la práctica te encontrarás con más frecuencia con asignaciones compuestas/combinadas. ¡Es bueno que sepas leer la sintaxis!

Es difícil imaginar la programación sin condiciones.

El concepto de repetición también es muy importante. Aquí puede familiarizarse con una variante en JavaScript.

Aunque los bucles también tienen su utilidad. Es bueno que también los conozcas.

que también utilizarás en TVJS. Un concepto importante que hay que entender.

Para moverse correctamente por el código, es necesario conocer los ámbitos de JavaScript.

Aquí entramos en más detalles sobre los acontecimientos.

Es probable que te encuentres con cadenas en todas las aplicaciones. Por eso también forman parte de un curso intensivo.

También son importantes temas como los números aleatorios y otros cálculos complejos.

Seguro que también te encuentras con arrays en el entorno JavaScript y TVJS. Es bueno que los conozcas.

Los objetos también se utilizan en TVJS. Por lo tanto, debería estar familiarizado al menos con la implementación de JavaScript.

Las propiedades forman parte de la orientación a objetos y deben entenderse siempre.

Los métodos también son importantes y los encontrará con más frecuencia en los ejemplos de TVJS.