Más contenido relacionado
La actualidad más candente
La actualidad más candente (16)
Destacado
Destacado (20)
Similar a pagina html
Similar a pagina html (20)
Más de diana
Más de diana (11)
Último
Último (20)
pagina html
- 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….:
- 7. Y nos resulta así:
- 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….
- 12. Eso es todo... Espero que sea entendible a las prácticas a realizar, GRACIAS...