Tutorial HTML - Introdução e Página Básica!

Discussão em 'Tutoriais' iniciado por Mr_Bilbis, 23 Março 2016.

?

Quer mais Tutorias?

  1. Claro!

    5 voto(s)
    100.0%
  2. Não!

    0 voto(s)
    0.0%
  1. Mr_Bilbis
    Offline

    Mr_Bilbis Líder dos Ajudantes, de Publicidade e do Discord Equipe GameMods Criador de Conteúdo Ajudante do Servidor Moderador do Discord Construtor Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    23 Novembro 2014
    Mensagens:
    2,904
    Avaliações:
    +2,258 / -1
    Apelido no Minecraft:
    Mr_Bilbis
    Olá galera ,beleza?
    Hoje estarei iniciando um tutorial de HTML (Linguagem onde maioria dos sites são feitos)....
    Para começo recomendamos que faça a página numa Pasta à parte pois ao longo do tempo precisara de muitos arquivos...

    1ºPasso

    Abrir o Notepad++ ou o Bloco de Notas do Wiwdows

    Funções do HTML

    A Primeira função que utilizaremos séra o <!DOCTYPE html>

    Código (HTML5):
    <!DOCTYPE html>

    Depois ainda falta o <html></html>

    Código (HTML5):
    <!DOCTYPE html>
    <html>
    </html>
     
    Agora é que realmente iniciaremos a Página


    Head e Body


    Começaremos por abrir o Head

    Código (HTML5):
    <!DOCTYPE html>
    <html>
    <head>

    </head>
    </html>
     

    No Head

    Ainda não é bem no Head que a magia acontece! No Head você poderá colocar o Título,Favicon , Lincar as ".css" e muito mais mas como estamos no começo só ensinarei a botar o Título

    Para isso é bem simples:

    <title>O Título da sua Página</title>

    Código (HTML5):
    <!DOCTYPE html>
    <html>
    <head>
    <title>O Título da sua Página</title>
    </head>
    </html>
     
    Bem por agora poderemos deixar o Head e partir para o Body!


    No Body


    E no Body que a Magia realmente acontece!

    Para iniciarmos o Body usaremos <body> </body>


    Código (HTML5):
    <!DOCTYPE html>
    <html>
    <head>
    <title>O Título da sua Página</title>
    </head>
    <body>
    </body>
    </html>
     
    Inicialmente mostrarei as Funções básicas:


    <h1> - <h6> Permitem escrever um Título ;

    <p> Escreve texto com tamanho normal .


    Código (HTML5):
    <!DOCTYPE html>
    <html>
    <head>
    <title>O Título da sua Página</title>
    </head>
    <body>
    <h1>A Sua primeira página!</h1>
    <h2>Em HTML</h2>
    <p> A Página é boa mesmo!</p>
    </body>
    </html>
     

    Depois disso Salve o ficheiro com algum nome MAS TEM QUE TERMINAR EM .html (ou .htm)!!!


    Inicie a página com o Browser!!!
    Comente abaixo caso algum erro!

    Até à próxima!
    Fui!
     
    • Gostei Gostei x 5
    • Vencedor Vencedor x 1
    • Útil Útil x 1
  2. Checkium
    Offline

    Checkium Membro Conhecido

    Afiliado:
    24 Junho 2014
    Mensagens:
    226
    Sexo:
    Masculino
    Avaliações:
    +64 / -0
    Apelido no Minecraft:
    Checkium
    Bom Tutorial, vai ajudar muita gente.

    PS: Só uma coisa, é normal as *nomequenãolembrodosnegociodentrodos<>* terem um link?
     
    • Amigável Amigável x 1
    Última edição: 23 Março 2016
  3. Mr_Bilbis
    Offline

    Mr_Bilbis Líder dos Ajudantes, de Publicidade e do Discord Equipe GameMods Criador de Conteúdo Ajudante do Servidor Moderador do Discord Construtor Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    23 Novembro 2014
    Mensagens:
    2,904
    Avaliações:
    +2,258 / -1
    Apelido no Minecraft:
    Mr_Bilbis
    Obrigado!E obrigado pela sugestão!
    --- Post duplo mesclado, 23 Março 2016 ---
    Ps:Farei o próximo agora!
     
  4. Ricardoamorim0
    Offline

    Ricardoamorim0 Membro Conhecido

    Afiliado:
    11 Abril 2014
    Mensagens:
    78
    Sexo:
    Masculino
    Avaliações:
    +50 / -0
    Apelido no Minecraft:
    Ricardoamorim0
    Há um programa muito bom que uso , que até tem Live Preview no Google Chrome , se quiser dar uma olhada , chama-se Brackets . Já dizendo o tutorial está muito bom :grin: , mesmo que eu já saiba muito sobre o HTML , sempre se aprende alguma coisa nova , nestes tutoriais . Por isso apoio este Tutorial e sempre terá o meu apoio :grin:

    Uma pergunta , você vai , mais para a frente , ensinar a mexer um bocado com o Java script (só mesmo o básico) ?
     
    • Amigável Amigável x 1
  5. Mr_Bilbis
    Offline

    Mr_Bilbis Líder dos Ajudantes, de Publicidade e do Discord Equipe GameMods Criador de Conteúdo Ajudante do Servidor Moderador do Discord Construtor Veterano VIP Sabotador.com VIP Sabotador.com VIP Industrial

    Afiliado:
    23 Novembro 2014
    Mensagens:
    2,904
    Avaliações:
    +2,258 / -1
    Apelido no Minecraft:
    Mr_Bilbis
    Obrigado! Eu até usava o Programa mas tenho que usar o cPanel do host senão não atualiza :/
     

Compartilhe esta Página