1. InstItucIón EducatIva MunIcIpal
luIs Eduardo Mora osEjo
Nombre: guiovanny romo
Correo: puper3092@hotmail.com
Grado: 10 computación j-m
Área: Programación
Nombre: Jairo S Inagan Gomez
2. crEacIón dE págInas WEb con HtMl
Para crear páginas Web con los códigos HTML debemos seguir algunos pasos:
1. abrir el bloc de notas que es el programa a usar:::
2. Debemos usar unas etiquetas para empezar y abrir nuestros
documentos
Estas etiquetas debemos abrir con un mayor y un menor que (< y >) y al
finalizar cada una debemos anteponerle el slash así las más importantes
son:
3. 3. Donde esta las etiquetas title en medio de estas ponemos el titulo que
saldrá en la parte de arriba del navegador y en medio de las etiquetas
body que quiere decir cuerpo podemos escribir todo nuestro contenido
con otras etiquetas que ayudan a modificar la pagina como podemos
ver::
4. la etiqueta body tiene algunos atributos que modifiquen el texto como
estas:
4. 5. Agregamos a body estos atributos los más convenientes para modificar
nuestra pagina como por ejemplo cambiarle el color de fondo y el color
del texto se puede con códigos de colores o simplemente en color en
ingles y esto siempre entre comillas:
5. 6.Podemos utilizar también los protocolos más importantes como miramos
acontinuación para modificar texto: como <p> </p>para salto de línea y demas:
6. 6. Podemos mirar algunos cambios con esta información y añadir a nuestra
pagina para mejorar el texto en todo su formato….:
8. 7. Pero tenemos en cuenta que ala hora de guardar tenemos que hacerlo
con lo que tu quieras de nombre y al finalizar siempre debe ir .html y
guardar como tipo todos los archivos así:
9. ….ESTO FUE LO MAS BASICO EN LA CREACION DE TU PRIMERA PAGINA
CON HML
Para mejorar y modificar nuestra primera página tenemos en cuenta algunos
aspectos diferentes al texto…como agregar imagen u otra página enlazada
animaciones, videos, etc.….
Para imagen….copiamos el código respectivo y agregamos en una misma
carpeta la imagen deseada…
10. Para un enlace hacemos casi lo mismo… copiamos el código adecuado y la
dirección correcta y lo agregamos a nuestra pagina…
Para un video en nuestra pagina copiamos el código embebido o (embed) de
cualquier servidor gratuito de videos como YOUTUBE entre otros y lo
colocamos en nuestro bloc y actualizamos respectivamente.
11. Así nos quedara nuestra página con video:
Pero a medida que vamos avanzando nuestro aprendizaje con HTML podemos
ir mejorando nuestra página y modificando de acuerdo con nuestra
necesidad….