[HTML] – Códigos básicos

Philipe Cardoso Autor 3 min de leitura Atualizado em 31/03/2010

htmlOlá rapaziada, HTML é a base de tudo não é mesmo?

Toda linguagem de programação para web, seja ela PHP, ASP, ou aquele site mais simples feito com Java Script, todos eles usam como base o HTML (HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto).

E foi pensando nisso que decidi reunir para vocês uma lista com alguns códigos bem simples porém muito utilizados e indispensáveis na hora da criação de um site, mesmo para aqueles que usam CMS (Content Management System – Sistema de gerenciamento de conteúdo) que é o caso de sites feitos em Joomla, WordPress e muitos outros, é necessário ter um conhecimento básico desta estrutura, por isso segue a lista de alguns comandos na para utilizar na hora da criação de seu site, com o tempo irei colocar cada vez mais comandos neste mesmo post portanto não deixe de acompanha-lo.

*(Todos meus comentários estarão entre parenteses.)

  • Estrutura do documento.


  • Titulo do site (o que aparecerá na barra do navegador)


    Aqui vão todos os códigos HTML e é onde fica todo corpo do seu site.

    (Lembrando que dentro das tags e podemos colocar informações para os sites de busca como KeyWords e outras informações como o nome do dono do site.

  • Como inserir uma Imagem
  • (Neste caso colocamos na atributo src o link onde se encontra a imagem, por exemplo : https://zoomdigital.com.br/imagens/banner120x60.png (Este é o link de onde está localizado nosso logo))

  • Como inserir um link
  • (Neste caso podemos colocar o texto que será exibido no link antes do fechamento da tag poderiamos também inserir uma imagem através do “img src” caso desejássemos que o link seja uma imagem qualquer )

  • Como colocar texto em negrito, sublinhado e itálico .
  • Texto – Texto fica em Negrito.

    Texto – Texto Sublinhado.

    Texto – Texto em Itálico.

  • Como posicionar o texto
  • (Neste caso iremos utilizar as tags, center, left e right) como no exemplo a seguir:

    Texto
    (Para ficar centralizado)

    Texto (Para ajustar a esquerda)

    Texto (Para ajustar a direita)

  • Alterando plano de fundo
  • (Para alterar a cor do nosso fundo iremos utilizar o seguinte código dentro da tag body como no exemplo a seguir:)

  • Colocar comentários no meu código
  • )sendo assim ele não será exibido na sua página HTML apenas no código –>

    Bom rapaziada por enquanto é isto, futuramente irei encorpar mais a nossa lista de códigos, portanto continuem sempre acompanhando este post porque muitas novidades irão aparecer.

    Att

    Sobre o autor

    Philipe Cardoso

    Com 33 anos de idade, sou um carioca apaixonado por tecnologia e fotografia. Além de ser o criador do Portal Zoom Digital, que preserva sua essência desde os tempos em que era um blog, também sou um verdadeiro entusiasta e amante de todas as formas de tecnologia. Através do Portal, compartilho minha paixão pela tecnologia e trago as últimas novidades e tendências para os leitores. Também sou fascinado pelo mundo da fotografia, explorando o poder das imagens para capturar momentos únicos e transmitir histórias cativantes.

    Ver todos os conteúdos