Criando um site (comandos) PDF Imprimir E-mail
Ter, 23 de Julho de 2013 09:31

Seguindo o guia com as tags, vamos criar uma página!

Antes de começar, é preciso informar para o navegador a linguagem utilizada (pois existem outras, como o XHTML). Depois, é preciso dizer o que é cabeça (onde você coloca as informações da página) e o que é corpo (conteúdo da página). Lembre-se, é preciso abrir e fechar as tags. Assim, no seu editor de sites (NotePad++) fica da seguinte forma:

<html>
  <head>
  </head>

  <body>
  </body>

</html>

Estes recuos de espaço não interferm no site, porém, facilita muito para identificar os níveis do seu site. Dentro da tag <head>, vamos inserir o título. E na tag <body>, vamos inserir um texto. Deste modo:

<html>
  <head>
    <title>
Título do site</title>
  </head>

  <body>
    <p>
Texto/conteúdo do site</p>
  </body>

</html>

Agora, dentro do corpo, vamos inseir textos de níveis diferentes, inserindo também texto em negrito, itálico e uma quebra de linha:

<html>
  <head>
    <title>
Título do site</title>
  </head>

  <body>
    <p>
Texto/conteúdo do site</p>
    <br/ >
    <b>
Texto em negrito</b>
    <i>
Texto em itálico</i>
    <h1>
Título de texto</h1>
    <h2>
Subtítulo de texto</h2>
  </body>

</html>

Que tal inserirmos uma linha enre o título e o subtítulo e duas listas, uma ordenada e outra não ordenada? Na linguagem html fica:

<html>
  <head>
    <title>
Título do site</title>
  </head>

  <body>
    <p>
Texto/conteúdo do site</p>
<br/ >
    <b>
Texto em negrito</b>
    <i>
Texto em itálico</i>
    <h1>
Título de texto</h1>
<hr />
    <h2>
Subtítulo de texto</h2>
        <ul>
             <li>
Item não ordenado 1</li>
             <li>
Item não ordenado 2</li>
        <ol>
             <li>
Item ordenado 1</li>
             <li>
Item ordenado 2</li>
  </body>

</html>

É possível usar várias tags num mesmo conteúdo, porém, deve ficar atento na abertura e fechamento delas, como no exemplo:
<p><b><i><small>texto</small></i></b></p>