SlideShare una empresa de Scribd logo
1 de 2
Descargar para leer sin conexión
LABORATORIO Nro. 1 de HTML


1. Completar la estructura básica de la pagina web en el siguiente ejemplo
   <      >
      <       >
            <         >                   </   >
      <       >
      <       >
            Primera pagina Web
      <        >
   <      >
2. Indique que hace las siguientes etiquetas
      a) <hr>                     ………… ………………………………….………………..…………
      b) <head> </head>           ………………………………………………………………………
      c) Body background          ………………………………………………………………………
      d) Bgcolor                  ……………………………………………………………………………………………………….. …

      e) <title> </title> ……………………………………………………………………………………………………………………………………………..
      f) <b> </b>                 ……………………………………………………………………………………………………………………………………………….
      g) <i> </i>                 ……………………………………………………………………………………………………………………………………………….
      h) <u> </u>                 ……………………………………………………………………………………………………………………………………………….
      i) <marquee> </marquee>             ………………………………………………………………………………………………………………………………
      j) Align               ……………………………………………………………………………………………………………………………………………….
      k) background               ……………………………………………………………………………………………………………………………………………….
      l) <blink> </blink>               …………………………………………………………………………………………………………………………………….


3. Realizar el código html de la siguiente pagina que contenga:

   a) imagen al fondo
   b) como titulo su nombre
   c) escribir 6 refranes cada uno separado con una línea (la línea debe ser de distintos tamaños y
      combinados uno a la derecha, centro e izquierda, sucesivamente) , cada refrán con un
      encabezamiento diferente
   d) escribir su nombre con marquee donde cada letra de su nombre este con negrita y de diferente
      color
   e) y en una parte de la pagina que tenga los siguientes datos

          1. SOFTWARE DE BASE
          2. SOFTWARE DE APLICACIONES
              GENERAL
              ESPECIFICA
          3. SOFTWARE DE DESARROLLO


Realizado por Lic. Bhylenia Rios                                                          Página 1
4. Copiar los siguientes códigos HTML y en el titulo escribir su nombre y su apellido, una vez
ejecutada la página web capturar la pantalla e imprimir esa hoja y presentar en la siguiente clase

Página 1: Utilización de encabezados:
<html>                                                         Tip: Como copiar como imagen el
<head> <title>nombre y apellido</title> </head>                contenido de la pantalla actual.
<body bgcolor="#C0D9D9" text="#000000">
<h1 align="center">                                            1. Abre un documento en WORD y
Bienvenidos al curso de HTML</h1><br>                          guarda la imagen de cada respuesta
<hr align=center width=50%><br>                                enumerándola          según corresponda
<h2>Bienvenidos</h2>
Cuando la temperatura es menor a 15&deg;c hace
                                                               Sitúate en cada respuesta e imprímela
bastante fr&iacute;o.<br>                                      (imagen).
<hr align=left width=25% size=5><br>                           2. Presiona el botón ImprPant o
Este es un ejemplo de p&aacute;gina WEB :)<br>                 PrintScreen
</body>                                                        3. Dirígete al lugar donde quieras copiar
</html>                                                        la pantalla del WORD
                                                               4. Presiona las teclas Ctrl+V para
                                                               pegarla.
Página 2: Utilización de etiquetas <b>, <u> y <i>              5. Guarda el documento
<html>                                                         6. Adhiere una respuesta textual de cada
<head> <title> nombre y apellido </title> </head>              pregunta con los pasos que hizo para
<body bgcolor="#C0D9D9" text="#000000">                        resolver la solución.
<h1 align="center">                                            7. Imprime el archivo de WORD para ser
Bienvenidos al curso de HTML</h1><br>
                                                               calificada al finalizar la práctica
<hr align=center width=50%><br>
<h2>Bienvenidos</h2>
Cuando la temperatura es menor a 15&deg;c hace
bastante fr&iacute;o.<br>
<hr align=left width=25% size=5><br>
Este es un ejemplo de p&aacute;gina WEB <b><i>:)</i></b><br>
<b>Este texto esta con negrillas</b><br>
<u>Este texto esta con subrayado</u><br>
<i>Este texto esta con inclinaci&oacute;n it&aacute;lica</i><br>
Este <b>texto <i>cuenta <u>con un </u>combinado</i> de</b> todo.<br>
</body>
</html>

Página 3:
<html>
<head> <title> nombre y apellido </title> </head>
<body bgcolor="#C0D9D9" text="#000000">
<h1 align="center">
Bienvenidos al curso de HTML</h1><br>
<hr align=center width=50%><br>
<h2>Bienvenidos</h2>
Cuando la temperatura es menor a 15&deg;c hace
bastante fr&iacute;o.<br>
<hr align=left width=25% size=5><br>
Este es un ejemplo de p&aacute;gina WEB <b><i>:)</i></b><br>
<b>Este texto esta con negrillas</b><br>
<u>Este texto esta con subrayado</u><br>
<i>Este texto esta con inclinaci&oacute;n it&aacute;lica</i><br>
</body>
</html>




Realizado por Lic. Bhylenia Rios                                                             Página 2

Más contenido relacionado

La actualidad más candente

Diferencias entre HTML y XHTML
Diferencias entre HTML y XHTMLDiferencias entre HTML y XHTML
Diferencias entre HTML y XHTMLCésar Jodra
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina WebManuel Gutierrez
 
Pgna1 4 PERIODO
Pgna1 4 PERIODOPgna1 4 PERIODO
Pgna1 4 PERIODO002tatan
 
Html sistemas
Html sistemasHtml sistemas
Html sistemasLeotom
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbeTeban Jácome
 
Como hacer una pagina web en html
Como hacer una pagina web en htmlComo hacer una pagina web en html
Como hacer una pagina web en htmlgabrielamaya2014
 
(Iii) pagina web
(Iii) pagina web(Iii) pagina web
(Iii) pagina webpxndxpoveda
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTMLrogeliotapia
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina webloopeskjlo
 
Clase 6 twig
Clase 6 twigClase 6 twig
Clase 6 twighydras_cs
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbeTeban Jácome
 
Preparacion examen de dreamweaver
Preparacion examen de dreamweaverPreparacion examen de dreamweaver
Preparacion examen de dreamweavergonzalovizuete
 
Diseño de páginas web - Saltos de renglón y Párrafos
Diseño de páginas web - Saltos de renglón y PárrafosDiseño de páginas web - Saltos de renglón y Párrafos
Diseño de páginas web - Saltos de renglón y PárrafosSebastian De Los Angeles
 

La actualidad más candente (17)

Diferencias entre HTML y XHTML
Diferencias entre HTML y XHTMLDiferencias entre HTML y XHTML
Diferencias entre HTML y XHTML
 
D
DD
D
 
Tutorial creacion Pagina Web
Tutorial creacion Pagina WebTutorial creacion Pagina Web
Tutorial creacion Pagina Web
 
Pgna1 4 PERIODO
Pgna1 4 PERIODOPgna1 4 PERIODO
Pgna1 4 PERIODO
 
Spooky house
Spooky houseSpooky house
Spooky house
 
Html sistemas
Html sistemasHtml sistemas
Html sistemas
 
Ejercicios preliminares en php
Ejercicios preliminares en phpEjercicios preliminares en php
Ejercicios preliminares en php
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbe
 
Como hacer una pagina web en html
Como hacer una pagina web en htmlComo hacer una pagina web en html
Como hacer una pagina web en html
 
(Iii) pagina web
(Iii) pagina web(Iii) pagina web
(Iii) pagina web
 
Comando y ejercicios para HTML
Comando y ejercicios para HTMLComando y ejercicios para HTML
Comando y ejercicios para HTML
 
Estructura de una pagina web
Estructura de una pagina webEstructura de una pagina web
Estructura de una pagina web
 
Clase 6 twig
Clase 6 twigClase 6 twig
Clase 6 twig
 
Trabajo de html
Trabajo de htmlTrabajo de html
Trabajo de html
 
Unidad educativa municipal quitumbe
Unidad educativa municipal quitumbeUnidad educativa municipal quitumbe
Unidad educativa municipal quitumbe
 
Preparacion examen de dreamweaver
Preparacion examen de dreamweaverPreparacion examen de dreamweaver
Preparacion examen de dreamweaver
 
Diseño de páginas web - Saltos de renglón y Párrafos
Diseño de páginas web - Saltos de renglón y PárrafosDiseño de páginas web - Saltos de renglón y Párrafos
Diseño de páginas web - Saltos de renglón y Párrafos
 

Similar a Laboratorio 1 de html[1] (20)

Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Taller de HTML
Taller de HTMLTaller de HTML
Taller de HTML
 
Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)Manual html1 (Informatica Aplia Educa)
Manual html1 (Informatica Aplia Educa)
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Manual html
Manual htmlManual html
Manual html
 
Html sistemas 1
Html sistemas 1Html sistemas 1
Html sistemas 1
 
Ejercicios htm lcompletos
Ejercicios htm lcompletosEjercicios htm lcompletos
Ejercicios htm lcompletos
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Curso html
Curso htmlCurso html
Curso html
 
Trabajo jose 2
Trabajo jose 2Trabajo jose 2
Trabajo jose 2
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02Presentacinhtml 091121100213-phpapp02
Presentacinhtml 091121100213-phpapp02
 
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
 
Estudiantes
EstudiantesEstudiantes
Estudiantes
 
[modo de compatibilidad] HTML
[modo de compatibilidad] HTML[modo de compatibilidad] HTML
[modo de compatibilidad] HTML
 
Practico html
Practico htmlPractico html
Practico html
 
Practico html
Practico htmlPractico html
Practico html
 
Tutorial ejercicio 1
Tutorial ejercicio 1Tutorial ejercicio 1
Tutorial ejercicio 1
 
Guia 4 de html imagenes
Guia 4 de html   imagenesGuia 4 de html   imagenes
Guia 4 de html imagenes
 
MANUAL HTML BASICO.
MANUAL HTML BASICO.MANUAL HTML BASICO.
MANUAL HTML BASICO.
 

Más de guidoeddy

Fichatecnica ecos
Fichatecnica ecosFichatecnica ecos
Fichatecnica ecosguidoeddy
 
Fichatecnica f 150
Fichatecnica f 150Fichatecnica f 150
Fichatecnica f 150guidoeddy
 
Fichatecnicaexpedition
FichatecnicaexpeditionFichatecnicaexpedition
Fichatecnicaexpeditionguidoeddy
 
Fichatecnica edge
Fichatecnica edgeFichatecnica edge
Fichatecnica edgeguidoeddy
 
Manual prezi
Manual preziManual prezi
Manual preziguidoeddy
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativosguidoeddy
 
Ponencia w2k8
Ponencia w2k8Ponencia w2k8
Ponencia w2k8guidoeddy
 
Active Directory
Active DirectoryActive Directory
Active Directoryguidoeddy
 
Seguidor de linea
Seguidor de lineaSeguidor de linea
Seguidor de lineaguidoeddy
 

Más de guidoeddy (14)

Fichatecnica ecos
Fichatecnica ecosFichatecnica ecos
Fichatecnica ecos
 
Fichatecnica f 150
Fichatecnica f 150Fichatecnica f 150
Fichatecnica f 150
 
Fichatecnicaexpedition
FichatecnicaexpeditionFichatecnicaexpedition
Fichatecnicaexpedition
 
Fichatecnica edge
Fichatecnica edgeFichatecnica edge
Fichatecnica edge
 
Manual prezi
Manual preziManual prezi
Manual prezi
 
Autoplay
AutoplayAutoplay
Autoplay
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
SERVIDORES
SERVIDORESSERVIDORES
SERVIDORES
 
PDF DHCP
PDF DHCPPDF DHCP
PDF DHCP
 
Ponencia w2k8
Ponencia w2k8Ponencia w2k8
Ponencia w2k8
 
Dns
DnsDns
Dns
 
Active Directory
Active DirectoryActive Directory
Active Directory
 
Seguidor de linea
Seguidor de lineaSeguidor de linea
Seguidor de linea
 
Seglinea
SeglineaSeglinea
Seglinea
 

Laboratorio 1 de html[1]

  • 1. LABORATORIO Nro. 1 de HTML 1. Completar la estructura básica de la pagina web en el siguiente ejemplo < > < > < > </ > < > < > Primera pagina Web < > < > 2. Indique que hace las siguientes etiquetas a) <hr> ………… ………………………………….………………..………… b) <head> </head> ……………………………………………………………………… c) Body background ……………………………………………………………………… d) Bgcolor ……………………………………………………………………………………………………….. … e) <title> </title> …………………………………………………………………………………………………………………………………………….. f) <b> </b> ………………………………………………………………………………………………………………………………………………. g) <i> </i> ………………………………………………………………………………………………………………………………………………. h) <u> </u> ………………………………………………………………………………………………………………………………………………. i) <marquee> </marquee> ……………………………………………………………………………………………………………………………… j) Align ………………………………………………………………………………………………………………………………………………. k) background ………………………………………………………………………………………………………………………………………………. l) <blink> </blink> ……………………………………………………………………………………………………………………………………. 3. Realizar el código html de la siguiente pagina que contenga: a) imagen al fondo b) como titulo su nombre c) escribir 6 refranes cada uno separado con una línea (la línea debe ser de distintos tamaños y combinados uno a la derecha, centro e izquierda, sucesivamente) , cada refrán con un encabezamiento diferente d) escribir su nombre con marquee donde cada letra de su nombre este con negrita y de diferente color e) y en una parte de la pagina que tenga los siguientes datos 1. SOFTWARE DE BASE 2. SOFTWARE DE APLICACIONES  GENERAL  ESPECIFICA 3. SOFTWARE DE DESARROLLO Realizado por Lic. Bhylenia Rios Página 1
  • 2. 4. Copiar los siguientes códigos HTML y en el titulo escribir su nombre y su apellido, una vez ejecutada la página web capturar la pantalla e imprimir esa hoja y presentar en la siguiente clase Página 1: Utilización de encabezados: <html> Tip: Como copiar como imagen el <head> <title>nombre y apellido</title> </head> contenido de la pantalla actual. <body bgcolor="#C0D9D9" text="#000000"> <h1 align="center"> 1. Abre un documento en WORD y Bienvenidos al curso de HTML</h1><br> guarda la imagen de cada respuesta <hr align=center width=50%><br> enumerándola según corresponda <h2>Bienvenidos</h2> Cuando la temperatura es menor a 15&deg;c hace Sitúate en cada respuesta e imprímela bastante fr&iacute;o.<br> (imagen). <hr align=left width=25% size=5><br> 2. Presiona el botón ImprPant o Este es un ejemplo de p&aacute;gina WEB :)<br> PrintScreen </body> 3. Dirígete al lugar donde quieras copiar </html> la pantalla del WORD 4. Presiona las teclas Ctrl+V para pegarla. Página 2: Utilización de etiquetas <b>, <u> y <i> 5. Guarda el documento <html> 6. Adhiere una respuesta textual de cada <head> <title> nombre y apellido </title> </head> pregunta con los pasos que hizo para <body bgcolor="#C0D9D9" text="#000000"> resolver la solución. <h1 align="center"> 7. Imprime el archivo de WORD para ser Bienvenidos al curso de HTML</h1><br> calificada al finalizar la práctica <hr align=center width=50%><br> <h2>Bienvenidos</h2> Cuando la temperatura es menor a 15&deg;c hace bastante fr&iacute;o.<br> <hr align=left width=25% size=5><br> Este es un ejemplo de p&aacute;gina WEB <b><i>:)</i></b><br> <b>Este texto esta con negrillas</b><br> <u>Este texto esta con subrayado</u><br> <i>Este texto esta con inclinaci&oacute;n it&aacute;lica</i><br> Este <b>texto <i>cuenta <u>con un </u>combinado</i> de</b> todo.<br> </body> </html> Página 3: <html> <head> <title> nombre y apellido </title> </head> <body bgcolor="#C0D9D9" text="#000000"> <h1 align="center"> Bienvenidos al curso de HTML</h1><br> <hr align=center width=50%><br> <h2>Bienvenidos</h2> Cuando la temperatura es menor a 15&deg;c hace bastante fr&iacute;o.<br> <hr align=left width=25% size=5><br> Este es un ejemplo de p&aacute;gina WEB <b><i>:)</i></b><br> <b>Este texto esta con negrillas</b><br> <u>Este texto esta con subrayado</u><br> <i>Este texto esta con inclinaci&oacute;n it&aacute;lica</i><br> </body> </html> Realizado por Lic. Bhylenia Rios Página 2