hola todos hoy estoy empezando a impartir un curso en programacion de html. lo estoy llevando a cabo con el objetivo de que aprendas a hacer paginas web en bloc de notas con sus codigos apropiados
UNIDAD 1 FUNDAMENTOS DE HTML
1.1 INTRODUCCION A HTML
1.1.1 ¿QUÉ ES HTML?
1.1.2 VENTAJAS DE HTML
1.1.3 CARACTERISTICAS DE HTML
1.2. EJEMPLOS BASICOS DE HTML
1.3 EJERCICIOS A REALIZAR
1.4 EVALUACION
UNIDAD 2 FORMATOS
2.1 TAMAÑO Y COLOR DE LETRA
2.2 EJEMPLOS
2.3 EJERCICIOS
2.4 EVALUACION
UNIDAD 3 VISTA IMAGENES
3.1 INSERTAR IMAGENES
3.2 EJEMPLOS
3.3 EJERCICIOS
3.4 EVALUACION
UNIDAD 4 HOJAS DE ESTILO
4.1 HOJAS DE ESTILO
4.2 EJEMPLOS
4.3 EJERCICIOS
4.4 EVALUACION
UNIDAD 5 CREAR TABLAS
5.1 TABLAS
5.2 EJEMPLOS
5.3 EJERCICIOS
5.4 EVALUACION
UNIDAD 6 DIMENSION DE TEXTO
6.1 RECORRIDO DE TEXTO Y DE IMAGEN
6.2 EJEMPLOS
6.3 EJERCICIOS
6.4 EVALUACION
UNIDAD 1 FUNDAMENTOS DE HTML
1.1 INTRODUCCION A HTML
El World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita. Pero esta información debe estar ordenada de alguna forma de manera que sea posible encontrar lo que se busca. La unidad básica donde está almacenada esta información son las páginas Web. Estas páginas se caracterizan por contener texto, imágenes, animaciones... e incluso sonido y video.
1.1.1 HyperText Markup Language («lenguaje de marcado de hipertexto») lo que conocemos como HTML es una referencia de etiquetas para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.
1.1.2 SUS VENTAJAS
- ocupa poco espacio a la hora de guardar la pagina web
- son rápidas
- tiene mucho desarrollo
- son ideales para tareas administrativas
- también ideales para tareas de uso final
1.1.3 CARACTERISTICAS DE HTML
° Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.
° HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>).
° El Web tenía que ser hipertexto y es fácil navegar por él.
° el proceso de cambiar y actualizar la información es ágil y rápido.
° La información repartida en páginas no muy grandes enlazadas entre sí.
1.2 EJEMPLOS BÁSICOS
Antes de trabajar con HTML debemos saber para que sirven las terminales que estan encerradas en estos signos <>.
<HTML>: indica que vamos a crear un documento en formato HTML (pagina web).
<HEAD>: Indica el titulo que se encuentra en la barra de titulo de nuestra página web.
<TITLE>: indica el titulo que se localizara en el cuerpo de la página web
<BODY>: es el cuerpo de la página web
</BODY>: es cuando ya no queremos agregar más objetos entonces por medio de este objeto doy a indicar que quiero cerrar el ciclo de cuerpo de HTML
</HEAD>: es cuando doy a indicar que quiero cerrar el ciclo de agregar objetos a la barra de titulo de la página web.
</HTML>: cierro todo el ciclo de HTML
Ahora que ya sabemos para que sirve cada objeto que esta encerrado con los signos <> abrimos el bloc de notas y ya que lo tengas abierto teclea este código
<HTML>
<HEAD>
<TITLE> HOLA </TITLE>
</HEAD>
<BODY>
HOLA
</BODY>
</HTML>
Ya que tenemos capturado estos códigos vamos a guardarlo de la siguiente manera:
- Nos vamos a la barra de menú del bloc de nota y después nos vamos a la opción “Archivo”
- Ya que estamos en Archivo nos vamos a la opción de “Guardar como”
- Una vez que seleccionamos guardar como seleccionamos el lugar donde podemos guardar nuestra página web.
- Ya que tenemos nuestro lugar disponible para guardar nuestra página web en donde dice nombre anotamos “HOLA.HTML”
NOTA: Si quieres que se guarde con otro nombre diferente solamente haz lo mismo que en el último paso pero nadamas que después de escribir el nombre deseado se guarde de este modo “nombre que le hayas pueso.html”
Otro ejemplo es este: elaboremos una página web que contenga como titulo oración y que en el cuerpo muestre un enunciado cual sea
y para hacer este ejercicio es la misma lógica que el primer ejemplo solo es cuestión de cambiar el <TITLE> y le contenido de <BODY> entonces nuestro ejemplo quedaría de la siguiente manera
<HTML>
<HEAD>
<TITLE> ORACION </TITLE>
</HEAD>
<BODY>
EL VOLCAN POPOCATEPETL HIZO ERUPCION ESTA MAÑANA
</BODY>
</HTML>
E igual hacemos el mismo procedimiento de guardar el documento igual con el nombre que se les ocurra pero siempre y cuando que le pongan el nombre escriban luego luego .HTML para indicarle a la computadora que vamos a guardar un documento de tipo HTML.
Nota: si queremos abrir los documentos HTML que creamos solamente dirígete a donde guardaste tus páginas web y ábrelas normalmente (no importa si no tienes internet).
Ejercicios: en base a los ejemplos anteriores de esta unidad intenta crear:
- una página web que tenga como título “numeración” y que el cuerpo de la pagina web yenga la numeración del 1 al 40 “de dos en dos”
- una página web que tenga como título “frase” y que tenga en el cuerpo de la página web una frase célebre.
- una página web que tenga como titulo “espera” y en el cuerpo debe tener escrito lo que esperas de este curso.