Resposta do Exercício 2 - Desenvolvimento Web com HTML, CSS e Javascript

2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e m p l o de uso da tag a com o a t r i b u t o t a r g e t </tit le> 5 </head>

6 <body>

7 <p> <a href=" http :// www . k19 . com . br " t a r g e t =" _ b l a n k "> Link e x t e r n o </a> </p> 8 <p> <a href=" p a g i n a 2 . html " t a r g e t =" _se lf "> Link i n t e r n o </a> </p>

9 <p> <a href=" p a g i n a 2 . html " t a r g e t =" _top "> Link i n t e r n o </a> </p> 10 <p> <a href=" p a g i n a 2 . html "> Link i n t e r n o </a> </p>

11 </body> 12 </html>

Código HTML 2.12: Resposta do exercício - pagina1.html

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e m p l o de uso da tag a com o a t r i b u t o t a r g e t </tit le> 5 </head>

6 <body>

7 <h1> P á g i n a 2 </h1> 8 </body>

9 </html>

Código HTML 2.13: Resposta do exercício - pagina2.html

Resposta do Exercício 2.7

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e r c í c i o sob re â n c o r a s </tit le>

5 </head> 6 <body>

7 <p> <a href=" # s obr e "> Sob re o tex to des sa p á g i n a </a> </p> 8

9 <p> L ore m i psu m dol or sit amet , c o n s e c t e t u r a d i p i s c i n g elit . Don ec jus to

10 massa , s o d a l e s sit amet e l e i f e n d a , e l e m e n t u m eu nibh . Don ec e g e s t a s do lor 11 quis t u r p i s d i c t u m t i n c i d u n t . Don ec b l a n d i t t e m p u s velit , sit amet

12 a d i p i s c i n g v el it c o n s e q u a t p l a c e r a t . C u r a b i t u r id m a u r i s f a c i l i s i s dui 13 i a c u l i s a u c t o r quis vel lac us . V e s t i b u l u m ante ips um p r i m i s in f a u c i b u s 14 orci l u c t u s et u l t r i c e s p o s u e r e c u b i l i a Cur ae ; Ut a u c t o r diam in mag na 15 f e u g i a t in v a r i u s l i g u l a f a u c i b u s . S u s p e n d i s s e t e m p o r mi nec sem f e r m e n t u m 16 m a l e s u a d a . In sit amet enim vel leo b i b e n d u m c u r s u s . C u r a b i t u r nec vel it 17 at nisi i m p e r d i e t l a c i n i a . Ut quis arcu at nisl o r n a r e v i v e r r a . Duis vel 18 t r i s t i q u e t e l l u s . M a e c e n a s u l t r i c e s p l a c e r a t t o r t o r . P e l l e n t e s q u e f e u g i a t 19 a c c u m s a n c o m m o d o . Pro in non urna justo , id p u l v i n a r lac us . </p>

21 <p> D one c d i c t u m sem ut orci o r n a r e u l t r i c e s . Cras b l a n d i t nibh sed eros 22 s u s c i p i t in f e u g i a t nunc t i n c i d u n t . P r a e s e n t s e m p e r lor em sed ips um ←-

p l a c e r a t

23 p ort a . In arcu massa , d i g n i s s i m ut e l e m e n t u m nec , l u c t u s nec sem . Nam ut 24 p uru s urna . C la ss a p t e n t t a c i t i s o c i o s q u ad l i t o r a t o r q u e n t per c o n u b i a 25 nostra , per i n c e p t o s h i m e n a e o s . C u r a b i t u r f e r m e n t u m d a p i b u s u l l a m c o r p e r . 26 V i v a m u s ante tellus , f a c i l i s i s vit ae i n t e r d u m eget , m o l l i s eget ips um . < /p> 27

28 <p> P r a e s e n t d a p i b u s ris us eu quam e g e s t a s u l t r i c i e s . Nunc sed arcu pur us . 29 I n t e g e r vehicula , nisl sit amet t i n c i d u n t accumsan , nisi fel is v e n e n a t i s ←-

ante ,

30 non a u c t o r f el is t e l l u s t e m p o r quam . P e l l e n t e s q u e l a o r e e t f e u g i a t la cus ac 31 c o n v a l l i s . V e s t i b u l u m quis e l e m e n t u m eros . Q u i s q u e convallis , jus to nec 32 c o n g u e consequat , nisl fel is d a p i b u s mi , vel f a c i l i s i s ris us enim ut _←-

t u r p i s .

35 <p> A e n e a n v e s t i b u l u m pur us eget nunc v a r i u s t e m p o r . Nul la p l a c e r a t s u s c i p i t mi 36 f e r m e n t u m m a t t i s . A e n e a n id f e u g i a t eros . Don ec t r i s t i q u e l i b e r o nec ←-

s a p i e n

37 e l e i f e n d vel v u l p u t a t e nibh f a c i l i s i s . P e l l e n t e s q u e dol or massa , ←-

c o n v a l l i s eu

38 l o b o r t i s sed , f e r m e n t u m eu l e c t u s . M a e c e n a s eget met us tellus , non d i c t u m 39 erat . Sed a l i q u a m l o b o r t i s nunc , in c o n s e c t e t u r ris us a l i q u e t et . Fus ce ←-

quam

40 arcu , t i n c i d u n t quis p e l l e n t e s q u e sit amet , t e m p u s eu nul la . P e l l e n t e s q u e 41 ante diam , t r i s t i q u e a d i c t u m nec , r u t r u m sed m a u r i s . Cum s o c i i s n a t o q u e 42 p e n a t i b u s et m a g n i s dis p a r t u r i e n t montes , n a s c e t u r r i d i c u l u s mus . I n t e g e r 43 nunc sapien , b i b e n d u m et m a t t i s sit amet , p u l v i n a r ut mi . P e l l e n t e s q u e 44 h a b i t a n t m orb i t r i s t i q u e s e n e c t u s et net us et m a l e s u a d a fam es ac t u r p i s 45 e g e s t a s . Nunc a l i q u e t l i b e r o sed dui e u i s m o d s o d a l e s . </p>

47 <a name=" s obr e "> S ob re o tex to des sa p á g i n a </a> 48

49 <p>

50 O t ext o d ess a p á g i n a foi g e r a d o a t r a v é s do site :

51 <a href=" http :// www . l i p s u m . com / "> http :// www . l i p s u m . com / </a> 52 </p>

53 </body> 54 </html>

Código HTML 2.15: Resposta do exercicio

Resposta do Exercício 2.8

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e r c í c i o sob re â n c o r a s </tit le>

5 </head> 6 <body>

7 <p> <a href=" # s obr e "> Sob re o tex to des sa p á g i n a </a> </p>

8 <p> <a href=" p a g i n a 2 . html # o u t r a _ a n c o r a "> Â n c o r a em out ra p á g i n a </a> </p> 9

10 <p> L ore m i psu m d ol or sit amet , c o n s e c t e t u r a d i p i s c i n g elit . Don ec jus to

11 massa , s o d a l e s sit amet e l e i f e n d a , e l e m e n t u m eu nibh . Don ec e g e s t a s do lor 12 quis t u r p i s d i c t u m t i n c i d u n t . Don ec b l a n d i t t e m p u s velit , sit amet

13 a d i p i s c i n g v el it c o n s e q u a t p l a c e r a t . C u r a b i t u r id m a u r i s f a c i l i s i s dui 14 i a c u l i s a u c t o r quis vel lac us . V e s t i b u l u m ante ips um p r i m i s in f a u c i b u s 15 orci l u c t u s et u l t r i c e s p o s u e r e c u b i l i a Cur ae ; Ut a u c t o r diam in mag na 16 f e u g i a t in v a r i u s l i g u l a f a u c i b u s . S u s p e n d i s s e t e m p o r mi nec sem f e r m e n t u m 17 m a l e s u a d a . In sit amet enim vel leo b i b e n d u m c u r s u s . C u r a b i t u r nec vel it 18 at nisi i m p e r d i e t l a c i n i a . Ut quis arcu at nisl o r n a r e v i v e r r a . Duis vel 19 t r i s t i q u e t e l l u s . M a e c e n a s u l t r i c e s p l a c e r a t t o r t o r . P e l l e n t e s q u e f e u g i a t 20 a c c u m s a n c o m m o d o . Pro in non urna justo , id p u l v i n a r lac us . </p>

22 <p> D one c d i c t u m sem ut orci o r n a r e u l t r i c e s . Cras b l a n d i t nibh sed eros 23 s u s c i p i t in f e u g i a t nunc t i n c i d u n t . P r a e s e n t s e m p e r lor em sed ips um ←-

p l a c e r a t

24 p ort a . In arcu massa , d i g n i s s i m ut e l e m e n t u m nec , l u c t u s nec sem . Nam ut 25 p uru s urna . C la ss a p t e n t t a c i t i s o c i o s q u ad l i t o r a t o r q u e n t per c o n u b i a 26 nostra , per i n c e p t o s h i m e n a e o s . C u r a b i t u r f e r m e n t u m d a p i b u s u l l a m c o r p e r . 27 V i v a m u s ante tellus , f a c i l i s i s vit ae i n t e r d u m eget , m o l l i s eget ips um . < /p> 28

29 <p> P r a e s e n t d a p i b u s ris us eu quam e g e s t a s u l t r i c i e s . Nunc sed arcu pur us . 30 I n t e g e r vehicula , nisl sit amet t i n c i d u n t accumsan , nisi fel is v e n e n a t i s ←-

ante ,

31 non a u c t o r f el is t e l l u s t e m p o r quam . P e l l e n t e s q u e l a o r e e t f e u g i a t la cus ac 32 c o n v a l l i s . V e s t i b u l u m quis e l e m e n t u m eros . Q u i s q u e convallis , jus to nec 33 c o n g u e consequat , nisl fel is d a p i b u s mi , vel f a c i l i s i s ris us enim ut ←-

34 Nam r h o n c u s t u r p i s at nibh v u l p u t a t e nec p l a c e r a t nibh a l i q u a m . </p> 35

36 <p> A e n e a n v e s t i b u l u m pur us eget nunc v a r i u s t e m p o r . Nul la p l a c e r a t s u s c i p i t mi 37 f e r m e n t u m m a t t i s . A e n e a n id f e u g i a t eros . Don ec t r i s t i q u e l i b e r o nec ←-

s a p i e n

38 e l e i f e n d vel v u l p u t a t e nibh f a c i l i s i s . P e l l e n t e s q u e dol or massa , _←- c o n v a l l i s eu

39 l o b o r t i s sed , f e r m e n t u m eu l e c t u s . M a e c e n a s eget met us tellus , non d i c t u m 40 erat . Sed a l i q u a m l o b o r t i s nunc , in c o n s e c t e t u r ris us a l i q u e t et . Fus ce ←-

quam

41 arcu , t i n c i d u n t quis p e l l e n t e s q u e sit amet , t e m p u s eu nul la . P e l l e n t e s q u e 42 ante diam , t r i s t i q u e a d i c t u m nec , r u t r u m sed m a u r i s . Cum s o c i i s n a t o q u e 43 p e n a t i b u s et m a g n i s dis p a r t u r i e n t montes , n a s c e t u r r i d i c u l u s mus . I n t e g e r 44 nunc sapien , b i b e n d u m et m a t t i s sit amet , p u l v i n a r ut mi . P e l l e n t e s q u e 45 h a b i t a n t m orb i t r i s t i q u e s e n e c t u s et net us et m a l e s u a d a fam es ac t u r p i s 46 e g e s t a s . Nunc a l i q u e t l i b e r o sed dui e u i s m o d s o d a l e s . </p>

48 <a name=" s obr e "> S ob re o tex to des sa p á g i n a </a> 49

50 <p>

51 O t ext o d ess a p á g i n a foi g e r a d o a t r a v é s do site :

52 <a href=" http :// www . l i p s u m . com / "> http :// www . l i p s u m . com / </a> 53 </p>

54 </body> 55 </html>

Código HTML 2.16: Resposta do exercicio

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e r c í c i o sob re â n c o r a s </tit le>

5 </head> 6 <body>

7 <h1> P á g i n a 2 </h1> 8

9 <p> L ore m i psu m dol or sit amet , c o n s e c t e t u r a d i p i s c i n g elit . Don ec jus to

p l a c e r a t

ante ,

t u r p i s .

33 Nam r h o n c u s t u r p i s at nibh v u l p u t a t e nec p l a c e r a t nibh a l i q u a m . </p> 34

35 <p> A e n e a n v e s t i b u l u m pur us eget nunc v a r i u s t e m p o r . Nul la p l a c e r a t s u s c i p i t mi 36 f e r m e n t u m m a t t i s . A e n e a n id f e u g i a t eros . Don ec t r i s t i q u e l i b e r o nec _←-

s a p i e n

c o n v a l l i s eu

quam

47 <a name=" o u t r a _ a n c o r a "> Mais uma â n c o r a </a> 48

49 <p> Se você c h e g o u aqui deu tudo cer to ! :) </p> 50 </body>

51 </html>

Código HTML 2.17: Resposta do exercicio - pagina2.html

Resposta do Exercício 2.9

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e m p l o de uso da tag img </tit le>

5 </head> 6 <body>

7 <h1> K19 T r e i n a m e n t o s </h1>

8 <img src=" http :// www . k19 . com . br / css / img / main - header - logo . png " / > 9

10 <h2> C u r s o s </h2> 11 <p>

12 <img src=" http :// www . k19 . com . br / css / img / k01 - logo - lar ge . png " / > 13 K01 - L ó g i c a de P r o g r a m a ç ã o

14 </p> 15 <p>

16 <img src=" http :// www . k19 . com . br / css / img / k02 - logo - lar ge . png " / > 17 K02 - D e s e n v o l v i m e n t o Web com HTML , CSS e J a v a S c r i p t

18 </p> 19 <p>

20 <img src=" http :// www . k19 . com . br / css / img / k03 - logo - lar ge . png " / > 21 K03 - SQL e M o d e l o R e l a c i o n a l

22 </p> 23 <p>

24 <img src=" http :// www . k19 . com . br / css / img / k11 - logo - lar ge . png " / > 25 K11 - O r i e n t a ç ã o a O b j e t o s em Java

26 </p> 27 <p>

28 <img src=" http :// www . k19 . com . br / css / img / k12 - logo - lar ge . png " / > 29 K12 - D e s e n v o l v i m e n t o Web com JSF2 e JPA2

30 </p> 31 <p>

32 <img src=" http :// www . k19 . com . br / css / img / k21 - logo - lar ge . png " / > 33 K21 - P e r s i s t ê n c i a com JPA2 e H i b e r n a t e

34 </p> 35 <p>

36 <img src=" http :// www . k19 . com . br / css / img / k22 - logo - lar ge . png " / > 37 K22 - D e s e n v o l v i m e n t o Web A v a n ç a d o com JSF2 , EJB3 .1 e CDI 38 </p>

39 <p>

40 <img src=" http :// www . k19 . com . br / css / img / k23 - logo - lar ge . png " / > 41 K23 - I n t e g r a ç ã o de S i s t e m a s com W e b s e r v i c e s , JMS e EJB 42 </p>

43 </body> 44 </html>

Código HTML 2.19: Resposta do exercício

Resposta do Exercício 2.10

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e r c í c i o para a tag tab le </tit le>

5 </head> 6 <body> 7 <t abl e> 8 <t hea d> 9 <tr> 10 <th> Mar ca </th> 11 <th> M o d e l o </th> 12 <th> Ano </th> 13 </tr> 14 </t hea d> 15 <t foo t> 16 <tr> 17 <td c o l s p a n=" 3 "> Ú l t i m a a t u a l i z a ç ã o : 0 6 / 2 0 1 2 </td> 18 </tr> 19 </t foo t> 20 <t bod y> 21 <tr> 22 <td r o w s p a n=" 2 "> T o y o t a </td> 23 <td> C o r o l l a </td> 24 <td> 2010 </td> 25 </tr> 26 <tr> 27 <td> Cam ry </td> 28 <td> 2011 </td> 29 </tr> 30 31 <tr> 32 <td r o w s p a n=" 3 "> Hon da </td> 33 <td> Civ ic </td> 34 <td> 2004 </td> 35 </tr> 36 <tr> 37 <td> Fit </td> 38 <td> 2012 </td> 39 </tr> 40 <tr> 41 <td> City </td> 42 <td> 2011 </td> 43 </tr> 44 45 <tr> 46 <td> M i t s u b i s h i </td> 47 <td> L a n c e r </td> 48 <td> 2012 </td> 49 </tr> 50 </t bod y> 51 </t abl e> 52 </body> 53 </html>

Código HTML 2.22: Resposta do exercício

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> Menu - K19 P i z z a r i a </tit le>

5 </head> 6 <body> 7 <dl> 8 <h1> K19 P i z z a r i a </h1> 9 <h2> Menu </h2> 10 11 <dt>À moda da casa </dt> 12 <dd>

13 P r e s u n t o c o b e r t o com mussarela , ovos e p a l m i t o . 14 </dd>

15 <dt>À moda do p i z z a i o l o </dt> 16 <dd>

17 Mussarela , presunto , ovos e bac on . 18 </dd> 19 <dt> A l i c h e </dt> 20 <dd> 21 Aliche , p a r m e s ã o e r o d e l a s de t o m a t e . 22 </dd> 23 </dl> 24 </body> 25 </html>

Código HTML 2.24: Resposta do exercício

Resposta do Exercício 2.12

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> O p e r a ç ã o de saq ue - K19 Bank </tit le>

5 </head> 6 <body> 7 <dl> 8 <h1> K19 Bank </h1> 9 <h2> M a n u a l do c ai xa e l e t r ô n i c o </h2> 10 <h3> O p e r a ç ã o de saq ue </h3> 11 12 <ol> 13 <li> I n s i r a o c a r t ã o </li> 14 <li> D i g i t e a s en ha </li> 15 <li> E s c o l h a a o pç ão de saq ue </li> 16 <li> I n f o r m e o v al or que d e s e j a sac ar </li> 17 <li> I n s i r a o c a r t ã o n o v a m e n t e </li> 18 <li> A g u a r d e até a l i b e r a ç ã o do d i n h e i r o </li> 19 </ol> 20 </dl> 21 </body> 22 </html>

Código HTML 2.26: Resposta do exercício

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> K00 - F o r m a ç ã o B á s i c a - K19 T r e i n a m e n t o s </tit le> 5 </head> 6 <body> 7 <dl> 8 <h1> K19 T r e i n a m e n t o s </h1> 9 <h2> K00 - F o r m a ç ã o B á s i c a </h2> 10 11 <ul> 12 <li> K01 - L ó g i c a de P r o g r a m a ç ã o </li> 13 <li> K02 - D e s e n v o l v i m e n t o Web com HTML , CSS e J a v a S c r i p t </li> 14 <li> K03 - SQL e M o d e l o R e l a c i o n a l </li> 15 </ul> 16 </dl> 17 </body> 18 </html>

Código HTML 2.28: Resposta do exercício

Resposta do Exercício 2.14

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e> E x e m p l o de uso da tag t e x t a r e a </tit le>

5 </head> 6 <body> 7 <form a c t i o n=" p a g i n a . html " m e t h o d=" get "> 8 <p> 9 t e x t a r e a : 10 <t e x t a r e a> 11 </t e x t a r e a> 12 </p> 13 </form> 14 </body> 15 </html>

Código HTML 2.33: Resposta do exercício

Resposta do Exercício 2.15

1 <html> 2 <head>

3 <meta http - e qui v =" Content - Type " c o n t e n t=" text / html ; c h a r s e t = UTF -8 "> 4 <t itl e>A tag l abe l e os e l e m e n t o s de f o r m u l á r i o </tit le>

5 </head> 6 <body>

7 <form a c t i o n=" p a g i n a . html " m e t h o d=" get "> 8 <p>

9 <l abe l for=" nome "> Nome : </lab el> 10 <i npu t type=" text " id=" nome " / > 11 </p>

12 <p>

13 <l abe l for=" s enh a "> Sen ha : </lab el> 14 <i npu t type=" p a s s w o r d " id=" sen ha " / > 15 </p>

16 <p>

18 <i npu t type=" r ad io " name=" sexo " id=" m a s c u l i n o " / > 19 <l abe l for=" m a s c u l i n o "> M a s c u l i n o </lab el>

20 <i npu t type=" r ad io " name=" sexo " id=" f e m i n i n o " / > 21 <l abe l for=" f e m i n i n o "> F e m i n i n o </lab el>

22 </p> 23 <p>

24 <l abe l for=" m e n s a g e m "> M e n s a g e m : </lab el> 25 <t e x t a r e a id=" m e n s a g e m "> </t e x t a r e a> 26 </p>

27 </form> 28 </body> 29 </html>

Código HTML 2.35: Resposta do exercício

Resposta do Complementar 4.1

No documento Desenvolvimento Web com HTML, CSS e Javascript (páginas 99-107)