A cidade do Recife é uma das mais famosas do Nordeste, ela possui diversos pontos turísticos e um deles é o Marco Zero. Sabendo disso, crie uma página HTML, falando sobre esse ponto turístico de acordo com os seguintes pré-requisitos:
- A página precisa ter cabeçalho, conteúdo e rodapé;
- A página precisa ter imagens;
- Use a tag de semântica textual inline.
Abuse de sua criatividade para a criação da página!
Com a página sobre o Marco Zero feita, é necessário de uma outra página e de um link que leve até ela. Na nova página, fale sobre dois outros pontos turísticos do Recife Antigo e siga os pré-requisitos a seguir:
- crie um link que irá direcionar para essa nova página;
- adicione imagens sobre os lugares.
Tecnologias utilizadas no código:
HTML (HyperText Markup Language): O código é estruturado em HTML, que é a linguagem de marcação padrão para criar páginas web. Ele define a estrutura básica da página, como cabeçalho, corpo e rodapé, além de incorporar elementos como seções, parágrafos, imagens, links e botões.
CSS (Cascading Style Sheets): O código faz referência a um arquivo de estilo externo chamado "styles.css". Isso sugere o uso de CSS para estilizar a página, definindo propriedades visuais como cores, fontes e layout. Infelizmente, o conteúdo específico desse arquivo não está disponível aqui, mas a inclusão desse link indica a separação de preocupações entre estrutura (HTML) e estilo (CSS).
JavaScript: O código JavaScript incorporado na seção < script >, realiza uma funcionalidade específica. Ele lida com a exibição e ocultação de um botão "Voltar" com base na posição de rolagem da página. Além disso, há uma função scrollToTop que é chamada quando o botão é clicado, rolando suavemente a página de volta ao topo. Isso melhora a experiência do usuário ao navegar pela página.
Google Maps Embed API: O código incorpora um mapa interativo do Google Maps usando a API de incorporação. A seção "Mapa" usa a tag < iframe > para incorporar um mapa do Google com a localização do Marco Zero do Recife.
Links Externos: Há links externos para páginas do Facebook e um link para obter mais informações sobre a Praça do Marco Zero no site de turismo de Recife. Isso permite que os usuários acessem informações adicionais ou interajam com a comunidade em plataformas externas.
Em resumo, este código utiliza tecnologias web padrão, como HTML, CSS e JavaScript, para criar uma página informativa sobre o Marco Zero do Recife e outros pontos turisticos do Recife antigo, incorporando também um mapa interativo do Google Maps e links para mídias sociais e informações adicionais.