Baixe o app para aproveitar ainda mais
Prévia do material em texto
Questão 1 Correto Atingiu 38,00 de 38,00 Marcar questão Texto da questão Imagine que você foi contratado para desenvolver um site sobre uma cantora chamada "Amanda Bela". No contrato consta que o site deve ter 3 páginas: · index.html deve apresentar o nome e biografia, contendo a foto da cantora que está salva no arquivo midia/amanda.jpg. A foto deve ser disposta logo após o nome da cantora e de forma centralizada. Já a biografia deve ficar após a foto. · musicas.html que deve apresentar uma lista das músicas e um vídeo da cantora que está salvo no arquivo midia/amanda.mp4. A lista de músicas deve ser exibida com marcadores em círculos pretos preenchidos. O vídeo deve estar disposto logo após a lista de músicas, e deve exibir os controles. · agenda.html que contenha lista de shows que irão ocorrer. A lista deve ser ordenada com marcadores numéricos. Ainda, cada página deve ter links que ligam para as demais páginas. Todas as páginas estão em uma mesma pasta. Já as imagens e vídeos estão na pasta midia localizada no mesmo nível das páginas. Considerando os fatores acima, complete os códigos abaixo de forma que o site funcione adequadamente e que atenda os requisitos acima. Arquivo: index.html <html> <head> <title>Site da Amanda Bela</title> </head> <body> <> <a ="index.html">Página inicial</a> | <a ="musicas.html">Músicas</a> | <a ="agenda.html">Agenda</a> </> <section> <h1>Bem vindo ao site da Amanda Bela</> <p =""><img src=""><p> <p>Aqui vai o texto da biografia de Amanda Bela</p> </section> </body> </html> Arquivo: musicas.html <html> <head> <title>Site da Amanda Bela</title> </head> <body> <> <a ="index.html">Página inicial</a> | <a ="musicas.html">Músicas</a> | <a ="agenda.html">Agenda</a> </> <section> <h2>Músicas</> <> <>Música 1</> <>Música 2</> <>Música 3</> </> <p><video src="" ></video></p> </section> </body> </html> Arquivo: agenda.html <html> <head> <title>Site da Amanda Bela</title> </head> <body> <> <a ="index.html">Página inicial</a> | <a ="musicas.html">Músicas</a> | <a ="agenda.html">Agenda</a> </> <section> <h2>Agenda de Shows</h2> <> <>08/09 - Rio de Janeiro</> <>15/10 - São Paulo</> <>11/11 - Curitiba</> </> </section> </body> </html> h1 align center midia/amanda.jpg h2 ul li midia/amanda.mp4 controls ol nav href
Compartilhar