Como criar uma página simples em HTML

 

PARTE 1 :

Ai vão algumas dicas para quem quer criar sua primeira página.

Utilizar um editor de código é sempre uma boa pratica para facilitar seu trabalho.

Uma boa opção é o Notepad++
( software gratuito, clique na imagem para baixar o software ):

Fonte: www.baixaki.com.br

Fonte: www.baixaki.com.br

Um bom livro sempre é uma boa. Para quem está começando a NOVATEC é uma boa opção, livros fáceis de ler e de bom conteúdo.

site ( busque por HTML ): http://novatec.com.br/

<!-- Indica o início de um documento do tipo HTML
<html>
  <!-- O HEAD Indica o cabeçalho de seu programa -->
  <head>
    <!-- A linha abaixo informa o tipo de idioma e linguagem utilizada pelo site -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Titulo de minha primeira página</title>
  </head>

  <!-- Body trata-se do "corpo" da página aonde irão ficar seus códigos e textos -->
  <body>
    Minha primeira página.
  </body>
</html>

Iremos salvar o arquivo como teste.html e iniciarmos o mesmo.
RESULTADO :

Bom criamos nossa primeira página !!!

Linha por linha:

Linha 2: Iniciamos um documento HTML.
Linha 4: Iniciamos o cabeçalho do documento, incluindo então o tipo de linguagem e idioma ( para incluir acentos, dentre outros ).
Linha 7: Titulo que aparece em cima no browser.
Linha 8: Fechamos nosso cabeçalho.
Linha 11: Iniciamos nosso “corpo” da página.
Linha 12: Inserimos um texto dentro do corpo.
Linha 13: Fechamos o “corpo” da página.
Linha 14: Fechamos nosso documento HTML.

Envie suas dúvidas, opiniões e assuntos!!!

Sobre Daniel Evangelista

Bom meu nome é Daniel Pereira Evangelista, mineiro, 21 anos, estudante de engenharia de controle e automação e ciência da computação pela PUC MINAS. Desenvolvo sistemas e programas para web desde 2007. Conhecimentos em: PHP, HTML, CSS, MYSQL em nível avançado. XML, JavaScript, Jquery, JSON, C++, JAVA em nível médio. Atualmente trabalhando em desenvolvimento de sistemas e websites. Simples assim.
Esta entrada foi publicada em HTML - Como começar e marcada com a tag . Adicione o link permanente aos seus favoritos.

15 respostas a Como criar uma página simples em HTML

  1. diablo 3 disse:

    Quite! This was a very great submit. Thanks on your supplied info.

  2. diablo 3 disse:

    I couldn’t resist commenting

  3. Michael Korda~ In order to suceed We must first believe that we can.

  4. Hiya! Quick question that’s entirely off topic. Do you know how to make your site mobile friendly? My blog looks weird when viewing from my iphone 4. I’m trying to find a theme or plugin that might be able to resolve this issue. If you have any suggestions, please share. Thank you!

    • Hi Dominic, mobile needs a diferent resolution like 3.5-inch 640 x 360. If u wanna show a mobile screen, first u need a simple script to detect a mobile visitor ( i will make some post about that ), after that select a diferent css. Thanks for your comment.

  5. Great post. I was checking continuously this blog and I’m impressed! Very helpful information specially the last part I care for such info much. I was seeking this certain info for a long time. Thank you and best of luck.

  6. Thanks for taking the time to talk about this, I feel fervently about this and I take pleasure in learning about this topic. Please, as you gain information, please update this blog with more information. I have found it very useful. There have to be charging stations everywhere.

  7. Dian Smudrick disse:

    It’s some shame you don’t have a relatively give money button! I’d definitely give money for this excellent website! I just suppose in the meantime i’ll acknowledge bookmarking not to mention putting a Feed towards your Search engine profile. I just take a look forward towards unique messages and often will share this unique weblog with the help of your Squidoo team:

  8. Margo Volner disse:

    It’s an important pity you actually don’t have a very good donate link! I’d most likely donate to this spectacular web site! As i presume at this point i’ll be happy with book-marking and even placing ones own Rss feed to help you a Google and yahoo credit account. As i start looking forwards to help you innovative posts and will eventually publish it website through a Facebook . com group:

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>