Cabeçalho

O Blog Html e Css tem como objetivo esclarecer todas as tuas dúvidas sobre design, codificação e personalização de blogs. Pede um tutorial, ou tira as tuas dúvidas. Estou aqui para te ajudar e faço-o de bom grado. Sugestões e perguntas são sempre bem-vindas. Obrigado pela visita e volta sempre.
- Zé Pedro Silva.

21/11/2013

Manual de HTML - Parte 1

Olá *-*, finalmente vamos dar início ao "Manual de HTML". Espero que vos seja útil, e que o utilizem.
A linguagem HTML - Hyper Text Markup Language formata o conteúdo de uma Página WEB, sendo responsável pelo, posicionamento do texto, imagem, vídeo, animações e ainda por estabelecer hiperligações. Os ficheiros HTML, podem ter dois tipos de extensões: .htm ou .html; inicialmente só podiam ter a primeira, mas agora, já podem ter as duas.
ESTRUTURA BÁSICA DE UMA PÁGINA WEB
<html>
     <head>
          <title> Título da Página </title>
     </head>
     <body>
          Conteúdo da Página
     </body>
</html>

O nome atribuído às palavras entre os sinais < e >, denominam-se de tags ou etiquetas. A zona de aplicação da tag situa-se entre a tag de abertura <nome_da_tag> e a tag de fecho </nome_da_tag>.

TAG OU ETIQUETA
  • permitem definir os comandos em HTML;
  • a cada característica ou elemento da página corresponde uma determinada TAG;
  • muita vezes a uma tag de abertura < > corresponde uma tag de fecho < /  >;
  • as TAGs podem estar contidas dentro de outras TAGs.
ETIQUETAS MAIS COMUNS EM HTML
A estrutura básica de uma página web pode ser representada por apenas quatro etiquetas.
  • <html> - indica que se trata de uma página escrita em linguagem HTML, e deve abranger todo o código;
  • <head> - é a tag de cabeçalho; é onde se encontra o título da página que irá ser mostrado na barra de título do web browser (existem outras tags além da <title>, que podem ser colocadas dentro do cabeçalho;
  • <title> - título da página;
  • <body> - zona onde deve ser colocada toda a informação a ser apresentada na página web.
COMENTÁRIOS
São muito utilizados pelo programador, pois servem como memorando, indicando o que cada parte do código é responsável por fazer. <!-- Comentário -->

PRINCIPAIS TAGS DE FORMATAÇÃO DE TEXTO
  • <b> </b> - negrito
  • <i> </i> - itálico
  • <u> </u> - sublinhado
  • <r> </r> - rasurado
  • <sub> </sub> - índice
  • <sup> </sup> - expoente
  • <big> </big> - aumenta o valor ao tipo de letra standart
  • <small> </small> - diminui o valor ao tipo de letra standart
  • <br> - passagem de linha (simula a tecla enter)
TÍTULOS
Os títulos são importantes num texto que se escreve pois dividem os assuntos tratados ao longo do mesmo. O mesmo acontece com os títulos de uma página web.
  • <h1> </h1> - o maior
  • <h2> </h2>
  • <h3> </h3>
  • <h4> </h4>
  • <h5> </h5>
  • <h6> </h6> - o menor
PARÁGRAFOS
Os parágrafos são representados pela tag <p> </p>; esta tag não tem que ser obrigatoriamente fechada, mas deve ser, porque por vezes contém atributos importantes, como por exemplo, o atributo align para o alinhamento dos parágrafos.
E pronto, termina assim a primeira parte deste Manual de HTML. Espero que esteja a ser útil para vocês. Esta parte, foi escrita e feita por mim, é proibida qualquer tipo de inspiração ou cópia.

9 Comentários:

  1. Eu já sei fazer algumas coisinhas em HTML e já criei até efeitos u_u k
    Aceito afiliação sim! Te coloquei lá :)
    http://republicacrash.blogspot.com.br

    ResponderEliminar
    Respostas
    1. Eu aqui, vou ensinar mesmo o básico dos básicos, depois podes ver é o resto dos tutoriais, que eu já postei e vou postando no blog ! :D Obrigado, e também já te coloquei nos afiliados do blog.

      Eliminar
  2. Que blog lindooo *O*

    http://stroke-of-insanity.blogspot.com.br/

    ResponderEliminar
  3. Adorei o tutorial, ajudou bastante.

    http://inventyourhappiness.blogspot.com

    ResponderEliminar
    Respostas
    1. Muito obrigado, e ainda bem que lhe foi útil! Em breve, postarei a Parte 2. =)

      Eliminar
  4. Amei , to amando esse big tutorial, visitem meu blog é de html e css

    Aguardo vcs lá | cutelovelys.blogspot.com.br

    ResponderEliminar

« »