4
respostas

Estrutura do html

minha duvida e de como estruturar o html de forma correta, qual conteudo vai dentro do body e do head principalmente, pretendo uniciar desenvolvendo meu proprio blog !!

4 respostas

Bom dia! Jucimar, o conteúdo do Body é o "corpo" tudo aquilo que você precisa fazer aparecer na pagina, aparecer para usuário, vai colocar seus parágrafos <p></p>, suas imagens <img>, seus títulos <title></title>. Na tag <head></head> você insere as definições de CSS através do <link rel="">, o título que aparece na aba do navegador com o icone se tiver, define os caracteres com o <meta charset="UTF-8" />. Espero ter ajudado! Qualquer coisa manda aqui de novo.

Se eu fosse lhe apresentar a maneira correta mostraria esse exemplo de código baixo

E recomendaria ler esse post sobre as tags semânticas para lhe ajudar a entender como usar HTML Semântico

<body>
    <header>
        Cabeçalho
    </header>  
    <main>
      Conteúdo
      <section> <!--<pode separar o conteúdo por section> -->
        Dentro da section você pode ter 
        <article></article> <!--Essa tag ajuda a separa conteúdo dentro das sections-->> 

      </section> 
    </main>
    <footer>
        rodapé
    </footer>
  </body>

Oi Jucimar, eu vou tentar te explicar de uma forma bem didática. Imagina o seguinte:

o head ele sempre será sua primeira parte do seu código. Traduzindo head é cabeça - então imagina sendo o cérebro do teu código, onde você vai armazenar informações que não quer mostrar para ninguém. Então, todos os "segredos" que você está contando para seu cérebro ficam lá.

As tags usadas:

<title > - essa tag é a única coisa que vai aparecer para o usuário. Você sabe esse nome da aba do chrome, que fica aqui na parte da página? Então aqui é onde você coloca. Isso é usado pelo google quando alguém busca sua página. É um item muito importante.
<base>
<link>
<style>
<meta>
<script>
<noscript>
<template>

Teu body (tradução = corpo) vai todo o conteúdo. Independente do que seja. Eu não vou colocar todas as tags pois são muitas. Não se preocupa, até o fim do curso, o professor vai mostrar as principais. Essas são os principais elementos, mas cada elemento em seus atributos

<nav>
<section> 
<div> 
<dl> 
<dt> 
<li> 
<ol> 
<p> 
<ul> 
<dl> 
<dt> 
<hr> 
<a> 
<br> 
<em> 
<strong> 
<img> 
<map> 
<iframe>
<canvas> 
<script> 
<thead> 
<button> 
<form> 
<input> 
<label> 
<textarea> 
<menu> 

O body segue duas divisões principais. O main (conteúdo principal) e footer (rodapé).

Espero ter ajudado Qualquer coisa, busca a documentação do HTML, tem tudo. Mas segue o curso direitinho para não se perder.

Só um comentário - não esquecer de finalizar o tópico e marcar a solução para quem a deu. Beleza.