SlideShare una empresa de Scribd logo
1 de 1
Descargar para leer sin conexión
PRACTICA: nombreapellidomundo.html
1. Crea en tu organización de carpetas la subcarpeta mundo en /html/mundo.
2. Copia en el bloc de notas la estructura de etiquetas básicas e imprescindibles para cualquier
página
3. Añade el texto “saludo” entre las etiquetas <title>
4. Añade el texto “HOLA, MUNDO” entre las etiquetas <body>. Inserta el texto entre etiquetas de
encabezado de orden 2 <h2>
5. Guarda el archivo como .txt y .html como: nombreapellidomundo.txt/html
6. Visualiza el resultado en el navegador. Avisa al profesor para que lo vea
7. En el archivo de bloc de notas que has guardado vamos a incorporar más etiquetas,
modificaciones y mejoras
8. Como encabezado de orden 1 pon el texto que tenías como encabezado de orden 2
9. Como encabezado de orden 2 escribe “DESCUBRE MI PÁGINA WEB”
10. Asegúrate de tener en la misma subcarpeta de tu archivo nombreapellidomundo.htm /txt el
archivo de imagen P1_ES_Mundo.jpg.
11. Debajo del encabezado de orden 2 escribe en el archivo del bloc de notas: <p align=”center”>
<img src=”P1_E2_Mundo.jpg” alt=”Mundo”>. Investiga el atributo alt.
12. Añade algunos párrafos en el documento alineados de distinto modo con el texto corto que
desees, poniendo en el último texto tu nombre y apellidos en negrita (etiqueta <strong>)
13. Añade una línea horizontal con la etiqueta <hr>
14. Después de la línea horizontal pero viéndose todo en la misma pantalla del ordenador
insertaremos el archivo imagen P1_E2_Trabajando.gif con el aviso “en obras” para indicar que
la página está en proceso de elaboración.
15. Guarda el trabajo con el mismo nombre de la práctica.
16. Abre el editor de páginas web (NVU u otro disponible)
17. Realiza la práctica anterior con el editor intentando que quede igual. Guárdalo como:
nombreapellidoeditormundo. Ahora ya no hace falta que pongas la extensión .txt porque has
hecho el trabajo con el editor y él va generando el código fuente por ti.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Presentación1
Presentación1Presentación1
Presentación1
 
Html ... aloa
Html ... aloaHtml ... aloa
Html ... aloa
 
Capitulo II
Capitulo IICapitulo II
Capitulo II
 
Crear carpeta en materiales y enlazarla a una página
Crear carpeta en materiales y enlazarla a una páginaCrear carpeta en materiales y enlazarla a una página
Crear carpeta en materiales y enlazarla a una página
 
WPF Series - 01
WPF Series - 01WPF Series - 01
WPF Series - 01
 
El doctype de HTML5
El doctype de HTML5El doctype de HTML5
El doctype de HTML5
 
Curso iniciación drupal (2/4)
Curso iniciación drupal (2/4)Curso iniciación drupal (2/4)
Curso iniciación drupal (2/4)
 
Apunte5 de software_libre
Apunte5 de software_libreApunte5 de software_libre
Apunte5 de software_libre
 
Pajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoyPajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoy
 
Pajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoyPajinas web html 5 para suvi hoy
Pajinas web html 5 para suvi hoy
 
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
VvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvVvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
Vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv
 
I1 u1
I1 u1I1 u1
I1 u1
 
Como crear un archivo .BAT
Como crear un archivo .BATComo crear un archivo .BAT
Como crear un archivo .BAT
 
Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)Inf 5 (diseños con texto y multimedia)
Inf 5 (diseños con texto y multimedia)
 
Como guardar una presentación en power point
Como guardar una presentación en power pointComo guardar una presentación en power point
Como guardar una presentación en power point
 
Informe 5
Informe 5Informe 5
Informe 5
 

Similar a Crea tu primera página web con etiquetas HTML

Similar a Crea tu primera página web con etiquetas HTML (20)

Desarrolla aplicacionesweb
Desarrolla aplicacioneswebDesarrolla aplicacionesweb
Desarrolla aplicacionesweb
 
Estructura basica de una pagina web
Estructura basica de una pagina webEstructura basica de una pagina web
Estructura basica de una pagina web
 
Escuela Abierta - Taller de Html
Escuela Abierta - Taller de HtmlEscuela Abierta - Taller de Html
Escuela Abierta - Taller de Html
 
Curso html
Curso htmlCurso html
Curso html
 
Crear archivo html (1)
Crear archivo html (1)Crear archivo html (1)
Crear archivo html (1)
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Crear archivo html (2)
Crear archivo html (2)Crear archivo html (2)
Crear archivo html (2)
 
Crear archivo html (1)
Crear archivo html (1)Crear archivo html (1)
Crear archivo html (1)
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Taller html mas actualizado
Taller html mas actualizadoTaller html mas actualizado
Taller html mas actualizado
 
Tema 7
Tema 7Tema 7
Tema 7
 
Practica 2.1. páginas web
Practica 2.1.  páginas webPractica 2.1.  páginas web
Practica 2.1. páginas web
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
html
htmlhtml
html
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 
Expo html alexandra
Expo html alexandraExpo html alexandra
Expo html alexandra
 

Crea tu primera página web con etiquetas HTML

  • 1. PRACTICA: nombreapellidomundo.html 1. Crea en tu organización de carpetas la subcarpeta mundo en /html/mundo. 2. Copia en el bloc de notas la estructura de etiquetas básicas e imprescindibles para cualquier página 3. Añade el texto “saludo” entre las etiquetas <title> 4. Añade el texto “HOLA, MUNDO” entre las etiquetas <body>. Inserta el texto entre etiquetas de encabezado de orden 2 <h2> 5. Guarda el archivo como .txt y .html como: nombreapellidomundo.txt/html 6. Visualiza el resultado en el navegador. Avisa al profesor para que lo vea 7. En el archivo de bloc de notas que has guardado vamos a incorporar más etiquetas, modificaciones y mejoras 8. Como encabezado de orden 1 pon el texto que tenías como encabezado de orden 2 9. Como encabezado de orden 2 escribe “DESCUBRE MI PÁGINA WEB” 10. Asegúrate de tener en la misma subcarpeta de tu archivo nombreapellidomundo.htm /txt el archivo de imagen P1_ES_Mundo.jpg. 11. Debajo del encabezado de orden 2 escribe en el archivo del bloc de notas: <p align=”center”> <img src=”P1_E2_Mundo.jpg” alt=”Mundo”>. Investiga el atributo alt. 12. Añade algunos párrafos en el documento alineados de distinto modo con el texto corto que desees, poniendo en el último texto tu nombre y apellidos en negrita (etiqueta <strong>) 13. Añade una línea horizontal con la etiqueta <hr> 14. Después de la línea horizontal pero viéndose todo en la misma pantalla del ordenador insertaremos el archivo imagen P1_E2_Trabajando.gif con el aviso “en obras” para indicar que la página está en proceso de elaboración. 15. Guarda el trabajo con el mismo nombre de la práctica. 16. Abre el editor de páginas web (NVU u otro disponible) 17. Realiza la práctica anterior con el editor intentando que quede igual. Guárdalo como: nombreapellidoeditormundo. Ahora ya no hace falta que pongas la extensión .txt porque has hecho el trabajo con el editor y él va generando el código fuente por ti.