SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
FICHA DE TRABAJO No 1- PROGRAMACION EN HTML Docente: CARLOS DIAZ WILCHES

OBJETIVOS
  • Comprender la estructura de una pagina WEB
  • Adquirir destrezas en la utilización de Etiquetas
  • Aplica formatos a textos en HTML
  • Guardar un documento en HTML

Actividad No 1
   1. Abre el blog de notas y escribe lo siguiente
   <HTML>
   1.
   2. <HEAD>
   3.
   4. <TITLE> Mi primera pagina en HTML </TITLE>
   5.
   6. </HEAD>
   7.
   8. <body bgcolor="#EBDCA7">
   9. <H1> <CENTER> Esta sera la primera practica del curso HTML </CENTER></H1>
   10. <HR>
   11.
   12. <H3> Vamos a ir comprobando lo que hace cada etiqueta </H3>
   13. <P>
   14. Este sera un texto normal, sin tocar nada.
   15. <P>
   16. <B> Ahora lo ponemos en negrita </B>
   17. <P>
   18. <I> Y ahora en cursiva </I>
   19. <BR><P>
   20. <BR><P>
   21. <BR><P>
   22. <PRE>Hemos dejado varios espacios para mostrar este
   23. texto preformateado que
   24. respeta los espacios y los
   25. retornos del carro.</PRE>
   26. <BR><P>
   27. <BR><P>
   28. <TT>Y esta vez volvemos a dejar espacios
   29. para mostrar un texto preformateado que no
   30. respeta los espacios ni los saltos de
   31. carro</TT>
   32. <p>
   33. Por ahora no sabemos hacer muchas cosas mas pero seguro que iremos aprendiendo.
   34.
   35. </body>
   36.
37. </HTML>
2. Ahora sólo tienes que guardarlo como extensión HTML (ejemplo: practica1.html) y, posteriormente,
cuando lo abras pulsando sobre él se desplegará en nuestro explorador:



ACTIVIDAD No 2

<HTML>

<HEAD>

<TITLE> Practicas de listas </TITLE>

</HEAD>

<BODY>

<CENTER>

<H1> Mis aficiones </H1>

</CENTER>

<HR>

Sin un orden particular, mis <B> aficiones </B> son las siguientes:

<UL>

<LI> El cine

<LI> El deporte

<UL>

<LI> Natación

<LI> Baloncesto

</UL>

<LI> La música

</UL>

La música que más me gusta es (en orden de preferencia):

<OL>

<LI> El rock

<LI> El jazz

<LI> La música clásica
</OL>

</BODY>

</HTML>
Tabla simplificadora de colores



Primarios aditivos saturados (absolutos)

Nombre                 Valor hexadecimal

Rojo                   #FF0000

Verde                  #00FF00

Azul                   #0000FF

Blanco                 #FFFFFF


Primarios sustractivos nulos (absolutos)

Nombre                   Valor hexadecimal

Cyan                     #00FFFF

Magenta                  #FF00FF

Amarillo                 #FFFF00

Negro                    #000000


Secundarios y terciarios (medianos)

Nombre                    Valor hexadecimal

Gris                      #808080

Rosa                      #FF8080

Violeta                   #800080

Celeste                   #80FFFF

Marrón                    #800000

Naranja                   #FF8000

Lavanda                   #8000FF

Turquesa                  #00FF80

Oro viejo                 #BBBB20

Weitere ähnliche Inhalte

Andere mochten auch (20)

Colegio nacional nicolas esguerra.pptx er
Colegio nacional nicolas esguerra.pptx erColegio nacional nicolas esguerra.pptx er
Colegio nacional nicolas esguerra.pptx er
 
Informe de lectura sara
Informe de lectura  saraInforme de lectura  sara
Informe de lectura sara
 
Creación de blog
Creación de blogCreación de blog
Creación de blog
 
Kostenfreie Vorrecherche Firmendaten, Handelsregister und Firmenauskunft
Kostenfreie Vorrecherche Firmendaten, Handelsregister und FirmenauskunftKostenfreie Vorrecherche Firmendaten, Handelsregister und Firmenauskunft
Kostenfreie Vorrecherche Firmendaten, Handelsregister und Firmenauskunft
 
Min Mar24 2008
Min Mar24 2008Min Mar24 2008
Min Mar24 2008
 
Makro Aufnamen
Makro AufnamenMakro Aufnamen
Makro Aufnamen
 
Linkedin
LinkedinLinkedin
Linkedin
 
Blogs
BlogsBlogs
Blogs
 
Trigal sala de conmutación fila 2 (cx)
Trigal sala de conmutación fila 2 (cx)Trigal sala de conmutación fila 2 (cx)
Trigal sala de conmutación fila 2 (cx)
 
Guacara sala pcm
Guacara sala pcmGuacara sala pcm
Guacara sala pcm
 
Prctica6musica 140409112145-phpapp02
Prctica6musica 140409112145-phpapp02Prctica6musica 140409112145-phpapp02
Prctica6musica 140409112145-phpapp02
 
MilRg Neu
MilRg NeuMilRg Neu
MilRg Neu
 
Y alabandote
Y alabandoteY alabandote
Y alabandote
 
Clínica veterinaria salud zoo
Clínica veterinaria salud zooClínica veterinaria salud zoo
Clínica veterinaria salud zoo
 
Powerpoint Präsentation der PHSt
Powerpoint Präsentation der PHStPowerpoint Präsentation der PHSt
Powerpoint Präsentation der PHSt
 
Una mañana el_sembrador
Una mañana el_sembradorUna mañana el_sembrador
Una mañana el_sembrador
 
Fundamentos de la informatica u.c.e.....
Fundamentos de la informatica u.c.e.....Fundamentos de la informatica u.c.e.....
Fundamentos de la informatica u.c.e.....
 
EMRC VISEU_MOLDES NATAL
EMRC VISEU_MOLDES NATALEMRC VISEU_MOLDES NATAL
EMRC VISEU_MOLDES NATAL
 
Reflexión final
Reflexión finalReflexión final
Reflexión final
 
Proclama mi alma
Proclama mi almaProclama mi alma
Proclama mi alma
 

Ähnlich wie Ficha de trabajo no 1 html

Ähnlich wie Ficha de trabajo no 1 html (20)

Lenguaje html 9º guia blog
Lenguaje html 9º guia blogLenguaje html 9º guia blog
Lenguaje html 9º guia blog
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Manual rapido html
Manual rapido htmlManual rapido html
Manual rapido html
 
Clase 7
Clase 7Clase 7
Clase 7
 
Guia html
Guia htmlGuia html
Guia html
 
Taller de html
Taller de htmlTaller de html
Taller de html
 
manual de html
manual de htmlmanual de html
manual de html
 
Manual html
Manual htmlManual html
Manual html
 
Instituto tecnologico del no1 meery
Instituto tecnologico del no1 meeryInstituto tecnologico del no1 meery
Instituto tecnologico del no1 meery
 
Colegio nacional nicolas esguerra html 1
Colegio nacional nicolas esguerra html 1Colegio nacional nicolas esguerra html 1
Colegio nacional nicolas esguerra html 1
 
Colegio nicolas esguerra
Colegio nicolas esguerraColegio nicolas esguerra
Colegio nicolas esguerra
 
HTML
HTMLHTML
HTML
 
Clase iv
Clase ivClase iv
Clase iv
 
Diseña tu propio sitio web [autoguardado]
Diseña tu propio sitio web [autoguardado]Diseña tu propio sitio web [autoguardado]
Diseña tu propio sitio web [autoguardado]
 
Diseña tu propio sitio web
Diseña tu propio sitio webDiseña tu propio sitio web
Diseña tu propio sitio web
 
Html creacion de una pagina. Adriano Mazziotti
Html  creacion de una pagina. Adriano MazziottiHtml  creacion de una pagina. Adriano Mazziotti
Html creacion de una pagina. Adriano Mazziotti
 
Curso de HTML.pdf
Curso de HTML.pdfCurso de HTML.pdf
Curso de HTML.pdf
 
Curso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docxCurso de HTML 6to PRIMARIA.docx
Curso de HTML 6to PRIMARIA.docx
 
PROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPTPROCESO DE DESARROLLO JAVASCRIPT
PROCESO DE DESARROLLO JAVASCRIPT
 

Mehr von Carlos Diaz

Hardware y software
Hardware y softwareHardware y software
Hardware y softwareCarlos Diaz
 
Taller de recuperacion 5o ieaci-2016
Taller de recuperacion 5o ieaci-2016Taller de recuperacion 5o ieaci-2016
Taller de recuperacion 5o ieaci-2016Carlos Diaz
 
Taller final 2016
Taller final 2016Taller final 2016
Taller final 2016Carlos Diaz
 
Guia no 1 publisher
Guia no 1 publisherGuia no 1 publisher
Guia no 1 publisherCarlos Diaz
 
Práctica- pelota rebotando
Práctica- pelota rebotandoPráctica- pelota rebotando
Práctica- pelota rebotandoCarlos Diaz
 
Redes informáticas1
Redes informáticas1Redes informáticas1
Redes informáticas1Carlos Diaz
 
Taller 2 de corel
Taller 2 de corelTaller 2 de corel
Taller 2 de corelCarlos Diaz
 
Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8Carlos Diaz
 
Taller no 1 internet
Taller no 1 internetTaller no 1 internet
Taller no 1 internetCarlos Diaz
 
Guia no 2 dreamweaver
Guia no 2 dreamweaverGuia no 2 dreamweaver
Guia no 2 dreamweaverCarlos Diaz
 
Ejercicio de graficas en Excel
Ejercicio de graficas en ExcelEjercicio de graficas en Excel
Ejercicio de graficas en ExcelCarlos Diaz
 
Ficha no 1 corel x3
Ficha no 1 corel x3Ficha no 1 corel x3
Ficha no 1 corel x3Carlos Diaz
 
Guiadetrabajono 1
Guiadetrabajono 1Guiadetrabajono 1
Guiadetrabajono 1Carlos Diaz
 

Mehr von Carlos Diaz (17)

Hardware y software
Hardware y softwareHardware y software
Hardware y software
 
Taller de recuperacion 5o ieaci-2016
Taller de recuperacion 5o ieaci-2016Taller de recuperacion 5o ieaci-2016
Taller de recuperacion 5o ieaci-2016
 
Taller final 2016
Taller final 2016Taller final 2016
Taller final 2016
 
Guia no 1 publisher
Guia no 1 publisherGuia no 1 publisher
Guia no 1 publisher
 
Práctica- pelota rebotando
Práctica- pelota rebotandoPráctica- pelota rebotando
Práctica- pelota rebotando
 
Redes informáticas1
Redes informáticas1Redes informáticas1
Redes informáticas1
 
Taller 2 de corel
Taller 2 de corelTaller 2 de corel
Taller 2 de corel
 
Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8Practica no 3 dreamweaver 8
Practica no 3 dreamweaver 8
 
Taller no 1 internet
Taller no 1 internetTaller no 1 internet
Taller no 1 internet
 
Guia no 2 dreamweaver
Guia no 2 dreamweaverGuia no 2 dreamweaver
Guia no 2 dreamweaver
 
Ejercicio de graficas en Excel
Ejercicio de graficas en ExcelEjercicio de graficas en Excel
Ejercicio de graficas en Excel
 
Ficha no 1 corel x3
Ficha no 1 corel x3Ficha no 1 corel x3
Ficha no 1 corel x3
 
Guiadetrabajono 1
Guiadetrabajono 1Guiadetrabajono 1
Guiadetrabajono 1
 
Practica2 acces
Practica2 accesPractica2 acces
Practica2 acces
 
Bases de datos
Bases de datosBases de datos
Bases de datos
 
Power point2007
Power point2007Power point2007
Power point2007
 
01 algoritmos
01 algoritmos01 algoritmos
01 algoritmos
 

Ficha de trabajo no 1 html

  • 1. FICHA DE TRABAJO No 1- PROGRAMACION EN HTML Docente: CARLOS DIAZ WILCHES OBJETIVOS • Comprender la estructura de una pagina WEB • Adquirir destrezas en la utilización de Etiquetas • Aplica formatos a textos en HTML • Guardar un documento en HTML Actividad No 1 1. Abre el blog de notas y escribe lo siguiente <HTML> 1. 2. <HEAD> 3. 4. <TITLE> Mi primera pagina en HTML </TITLE> 5. 6. </HEAD> 7. 8. <body bgcolor="#EBDCA7"> 9. <H1> <CENTER> Esta sera la primera practica del curso HTML </CENTER></H1> 10. <HR> 11. 12. <H3> Vamos a ir comprobando lo que hace cada etiqueta </H3> 13. <P> 14. Este sera un texto normal, sin tocar nada. 15. <P> 16. <B> Ahora lo ponemos en negrita </B> 17. <P> 18. <I> Y ahora en cursiva </I> 19. <BR><P> 20. <BR><P> 21. <BR><P> 22. <PRE>Hemos dejado varios espacios para mostrar este 23. texto preformateado que 24. respeta los espacios y los 25. retornos del carro.</PRE> 26. <BR><P> 27. <BR><P> 28. <TT>Y esta vez volvemos a dejar espacios 29. para mostrar un texto preformateado que no 30. respeta los espacios ni los saltos de 31. carro</TT> 32. <p> 33. Por ahora no sabemos hacer muchas cosas mas pero seguro que iremos aprendiendo. 34. 35. </body> 36.
  • 2. 37. </HTML> 2. Ahora sólo tienes que guardarlo como extensión HTML (ejemplo: practica1.html) y, posteriormente, cuando lo abras pulsando sobre él se desplegará en nuestro explorador: ACTIVIDAD No 2 <HTML> <HEAD> <TITLE> Practicas de listas </TITLE> </HEAD> <BODY> <CENTER> <H1> Mis aficiones </H1> </CENTER> <HR> Sin un orden particular, mis <B> aficiones </B> son las siguientes: <UL> <LI> El cine <LI> El deporte <UL> <LI> Natación <LI> Baloncesto </UL> <LI> La música </UL> La música que más me gusta es (en orden de preferencia): <OL> <LI> El rock <LI> El jazz <LI> La música clásica
  • 4. Tabla simplificadora de colores Primarios aditivos saturados (absolutos) Nombre Valor hexadecimal Rojo #FF0000 Verde #00FF00 Azul #0000FF Blanco #FFFFFF Primarios sustractivos nulos (absolutos) Nombre Valor hexadecimal Cyan #00FFFF Magenta #FF00FF Amarillo #FFFF00 Negro #000000 Secundarios y terciarios (medianos) Nombre Valor hexadecimal Gris #808080 Rosa #FF8080 Violeta #800080 Celeste #80FFFF Marrón #800000 Naranja #FF8000 Lavanda #8000FF Turquesa #00FF80 Oro viejo #BBBB20