Pesquisar aqui

Mostrar mensagens com a etiqueta estrutura. Mostrar todas as mensagens
Mostrar mensagens com a etiqueta estrutura. Mostrar todas as mensagens

sexta-feira, 1 de maio de 2020

HTML - Estrutura básica

PARA COMEÇAR, VAMOS APRENDER COMO É CONSTITUÍDA E COMO FUNCIONA UMA ESTRUTURA BÁSICA DE HTML!

A estrutura básica de um ficheiro HTML é como se fosse um hambúrguer ou outra coisa com camadas, cada tag é como se fosse um pedaço de pão, assim todas as tags iniciam e finalizam, e o conteúdo de dentro das tags é como se fosse o recheio do hambúrguer, assim cada documento HTML tem como base as seguintes tags:

<!DOCTYPE html> - define que este documento é HTML5;
<html> - primeiro elemento de uma página HTML, assim todos os documentos HTML começam e acabam com um elemento <html> e </html>, respectivamente;
<head> - onde se encontra toda a informação "invisível" no site como o seu título por exemplo;
<title> - define o título do documento;
<body> - contém toda a informação visível na página;
<h1> - define um cabeçalho na página;
<p> - define um parágrafo na página.

Assim, o "esqueleto" de um documento HTML é:


Assim, os cabeçalhos (<h1>) e parágrafos (<p>) ficariam dentro da tag <body>, mas em publicações futuras irei explicar melhor essas tags.

Referências:

quinta-feira, 30 de abril de 2020

HTML- Estrutura básica

HTML- Estrutura básica


O HTML tem uma estrutura semelhante a uma notícia ou seja: Cabeçalho, Corpo. No entanto. é possível acrescentar intermédios. Em cada uma dessas fases há linguagens próprias, códigos que  só se aplicam ao Cabeçalho por exemplo.
<!DOCTYPE HTML>

<html>

  <!-- Esta secção Head serve para fazer declarações iniciais e permite definir o titulo da página -->
  <head>

<!-- Para que os caracteres acentuados sejam apresentados corretamente, devemos colocar a seguinte instrução na área de head: --> 
<meta charset="UTF-8">

<title> Olá Mundo!</title>

  </head>

  <!-- Esta secção body é onde escrevemos tudo o que pretendemos que surja na página -->
  <body>

      <p> Olá Mundo!</p>

  </body>

</html>

Neste exemplo do famoso "Hello World!" temos sublinhados com várias cores tanto o ínicio e o fim do programa, o início e o fim do cabeçalho e o inicio e o fim do corpo. Note que em HTML é sempre obrigatório abrir e fechar. Por exemplo nas linhas que dizem "Olá Mundo!" vemos que começa com <tittle> ou <p> e fecha com </tittle> e </p> respetivamente.






segunda-feira, 14 de janeiro de 2019

HTML 5 - A estrutura

Com o HTML 5 foram introduzidos elementos como o vídeo e a música, mas também a estrutura do documento mudou.



O "body" do documento HTML 5 é disposto da seguinte forma:
  • header - representa a parte de cima da página, o seu título, a sua apresentação.
  • nav - é a parte de navegação da página, onde o utilizador pode navegar dentro do site dirigindo-se para diferentes sub-páginas.
  • article - é onde se encontra a informação mais importante da página, é o conteúdo no qual se baseia o site.
  • section (situa-se dentro do article) - é a divisão do article, podendo haver muitas sections dentro de um article.
  • aside - como o nome indica é a parte da página que tem o conteúdo "à parte", podendo este conteúdo ser relacionado com o article, ou mesmo links.
  • footer - é a parte de baixo da página, o rodapé, onde se pode encontrar por exemplo os contactos e os direitos de autor.
@SoloLearn

Consultei o site SoloLearn dia 14/01/2019