aulaClic. Curso de HTML. Índice


Cómo utilizar este curso.

1. Introducción a HTML
2. Estructura de una página
3. El texto
4. Hiperenlaces
5. Imágenes

6. Tablas
7. Marcos
8. Formularios
9. Multimedia
10. Capas

11. JavaScript
12. Hojas de estilo
13. Páginas web dinámicas


bola verde ¿Quieres tener el curso en tu ordenador y seguirlo sin estar conectado a Internet? También ayudarás a mantener esta web. Infórmate aquí.
bola rojaAdemás te regalamos gratis más de 600 programas libres/gratuitos al comprar un USB.

Noticias y novedades.



banner

Í n d i c e    d e t a l l a d o



Unidad 1. Introducción a HTML

Qué es HTML
Versiones de HTML
Los navegadores. Compatibilidad
Editores
Introducción al Bloc de notas
Compaginar dos sesiones
Etiquetas
Mi primera página

Unidad 2. Estructura de una página

Identificador del tipo de documento <html>
Cabecera de la página <head>
Título de la página <title>
La etiqueta <meta>
Cuerpo del documento <body>
Colores en hexadecimal

Unidad 3. El texto

Caracteres especiales y espacios en blanco
Comentarios Saltos de línea <br>
Texto preformateado <pre>
Separadores <hr>
Sangrado de texto <blockquote>
Formatear el texto <font>
Resaltado del texto <b> ...
Párrafos <p> ...
Encabezados <h1> ...
Marquesinas <marquee>
Las listas <li> ...

Unidad 4. Hiperenlaces

Hiperenlace <a>
Tipos de referencias
Destino del enlace
Formato de los enlaces
Puntos de fijación. Anclas
Otros tipos de enlaces

Unidad 5. Imágenes

Imagen <img>
Formatos de imagen
Texto alternativo
Borde de una imagen
Tamaño de una imagen
Alineación de una imagen

Unidad 6. Tablas

Tabla <table>
Fila <tr>
Columna o celda <td>
Formato de la tabla
Formato de las celdas
Encabezado de columna <th>
Titulo de tabla <caption>
Combinar celdas

Unidad 7. Marcos

Conjunto de marcos <frameset>
Marco <frame>
Sin marcos <noframes>
Destino del enlace

Unidad 8. Formularios

Formulario <form>
Áreas de texto <textarea>
Elementos de entrada <input>
Campos de selección <select> ...

Unidad 9. Multimedia

Sonido de fondo <bgsound>
Vídeo y audio <embed>
Películas Flash <object>

Unidad 10. Capas

Capa <div> ...

Unidad 11. JavaScript

Lenguajes de script
JavaScript <script>

Unidad 12. Hojas de estilo

Introducción
Vincular una hoja de estilo
Sintaxis de las hojas de estilo
Las propiedades

Unidad 13. Páginas web dinámicas

HTML dinámico
Programación web
XML

Ejercicios paso a paso





Crear una página básica
Insertar texto con diferentes propiedades
Insertar un hiperenlace
Insertar una imagen
Trabajar con tablas
Crear conjunto de marcos
Insertar elementos de formulario
Insertar sonido de fondo
Modificar las propiedades de una capa
Llamadas a javascript
Crear hoja de estilos

Ejercicios propuestos

Pruebas evaluativas

Modificar las propiedades del documento
Modificar las propiedades del texto
Insertar hiperenlaces
Insertar imágenes
Trabajar con tablas
Configurar marcos
Insertar elementos de formulario
Insertar elementos multimedia
Modificar las propiedades de una capa
Llamadas a javascript
Aplicar estilos

Introducción a HTML
Estructura de una página
El texto
Hiperenlaces
Imágenes
Tablas
Marcos
Formularios
Multimedia
Capas
JavaScript
Hojas de estilo
Páginas web dinámicas


Enero-2004

 

Noticias y novedades


  • Nuevo curso de Windows 10 de aulaClic
  • Ya está disponible el nuevo curso de Microsoft Windows 10 de aulaClic.

    Este curso consta de 15 unidades, 268 páginas de texto y gráficos, ejercicios propuestos con su solución, ejercicios paso a paso, autoevaluaciones y 69 videotutoriales.

    Esparamos que os guste y os sirva para aprender a manejar el sistema operativo más utilizado.

     

    ... ir al curso de Windows 10 de aulaClic.

    Marzo de 2016.

     

  • Nuevo curso Word 2016 de aulaClic
  • Ya está disponible el nuevo curso completo y gratuito de Word 2016 de aulaClic.

    Disfruta totalmente gratis de este nuevo curso con nuevos videotutoriales, nuevos temas y totalmente actualizado a la última versión de Word.

    Posiblemente no encontrarás un curso gratuito más completo, con 378 páginas, 25 unidades, 49 videotutoriales, 25 pág. de ejercicios propuestos con solución y 74 pág. de ejercicios paso a paso.

    ¡Entra y aprende. Esperamos que te guste!

     

    Marzo de 2016.

     

  • Word App 2016. Word gratis en el móvil
  • Hasta 2015 existía una sola aplicación Office Mobile para teléfonos móviles, ahora, en la versión de Office 2016, hay cinco apps independientes que se pueden instalar por separado, Word, Excel, PowerPoint, Outlook y OneNote. Todas estas aplicaciones se pueden instalar en los dispositivos móviles (teléfonos móviles y tabletas) de forma gratuita.

    Las nuevas versiones han sufrido cambios importantes, tienen más funciones y son más fáciles de manejar.

    Ahora ya se pueden instalar gratis también en tabletas de menos de 10,1". Para tabletas a partir de 10,1" se requiere comprar Office 365, y también hay que pagar para poder usar todas las funciones en los teléfonos móviles. No obstante, la versión gratuita de Word App 2016 tiene suficientes funciones para editar sin problemas la mayor parte de los documentos.

     

    ... leer resto del artículo.

    Noviembre de 2015.

     

  • Word Online 2016. El Word gratis en la web
  • Word Online es una aplicación gratuita de Microsoft que se ejecuta en internet ("la nube"), podríamos decir que es una versión gratuita y limitada de Word, ya que no tiene todas las funciones disponibles en el clásico Word de pago que se instala en el ordenador.

    word online

    Para los que conozcan Google Drive es algo similar a los Documentos de Google Drive que ya hace años que llevan funcionando. Aunque menos, Word Online también lleva un tiempo funcionando, y antes se llamaba Word Web App.

    Word Online que pertenece al paquete Office Online 2016 que también incluye Excel, PowerPoint, OneNote, Sway, Correo, Contactos, Calendario, OneDrive y Docs.com. Por lo tanto, todo lo referente a la instalación es aplicable tanto a Word como a Excel, PowerPoint, ... También la forma de guardar los archivos en OneDrive es aplicable a todas las aplicaciones de Office Online 2016.

    Word Online se ejecuta en un navegador web (Chrome, Firefox, Edge, etc.) , sólo tenemos que entrar en la página web de Office Online (office.com) y hacer clic en el enlace a Word Online. El único requisito es disponer de una cuenta de correo de Microsoft (outlook, hotmail, ...) sino dispones de ella, en la misma web de office hay un enlace para crearla gratuitamente.

    ... leer resto del artículo.

    Octubre de 2015.

     

  • Se va Explorer, viene Edge
  • Coincidiendo con el lanzamiento de Windows 10, Microsoft va a cambiar su navegador web, desaparece Internet Explorer y aparece Edge.

    Cabe preguntarse porqué se cambia de nombre, en lugar de cambiar sólo de versión. La razón principal puede estar en la perdida constante de usuarios de Internet Explorer. Desde la aparición de Firefox y Chrome, Explorer ha ido perdiendo mercado, y no sólo eso, también ha perdido crédito. En los tiempos en que Explorer era el navegador dominante opto por no seguir los estándares de la industría y, al final, esa decisión parece que no le ha beneficiado en absoluto.

    Utilizar los estándares para que todas las páginas se vean de la misma forma en cualquier navegador parece una buena estrategia.

    Pero centrándonos en las novedades que aporta el nuevo navegador de Microsoft, podemos decir que Edge tendrá un aspecto visual totalmente renovado. Pasa a tener una sola barra superior desde donde realizar las búsquedas. Tendrá pestañas con previsualización del contenido. Dispondrá de un asistente para búsquedas con reconocimento de voz, al estilo de Google Now o Siri de Apple. Este asistente, llamado Cortana, parece más enfocado a dispositivos móviles, sobre todo a smartphones.

    Otra característica orientada a los nuevos dispositivos táctiles será la posibilidad de realizar notas sobre una página web, colocando marcas, subrayando y añadiendo texto.

    Edge también podrá importar extensiones de Firefox y Chrome, y dispondrá de "listas de lectura" donde guardar contenido para leerlo más tarde.

    Una idea interesante es el nuevo modo de lectura que permite leer la página web sin mostrar el resto de elementos del navegador (barras, pestañas, ...) además de facilitar la configuración del tamaño y tipo de letra, color de fondo, etc.

    Esperamos que Egde sea un éxito y nos ayude a navegar mucho mejor. El nuevo logo de Edge se parece bastante al de Explorer, como podéis ver en esta imagen.

    logo egde

     

Atrás  Inicio  Adelante





Curso de Access 2013
.