3.1 marca HTML

Se você está lendo este texto, presume-se que no futuro você irá trabalhar como Java Developer, bem, ou Full Stack Java Developer. Dificilmente você escreverá documentos HTML, mas terá que lê-los com frequência . É assim que o mundo funciona, então você tem que descobrir como os documentos HTML são organizados.

Qual é o início de qualquer documento HTML? Cada documento HTML possui uma estrutura que consiste em três tags aninhadas: html, heade body. Este é o exemplo padrão:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>
Java webinar

Tudo o que o navegador exibe está dentro de uma etiqueta de par body(corpo do documento). Dentro da tag headestão tags com informações de serviço/auxiliar para o navegador.

Também é comum (opcional) escrever o tipo de documento no início do documento - DOCTYPEpara que o analisador entenda melhor como interpretar os erros. Muitos navegadores são capazes de exibir corretamente documentos quebrados.

Ou, pelo contrário XHTML = XML+HTML, existe um padrão em que existem regras mais rígidas do que no normal HTML. Mas essas informações serão úteis para você quando decidir criar seu próprio navegador ou, pelo menos, seu próprio arquivo HTML-parser.

3.2 A marca da cabeça

Dentro da tag, headgeralmente estão localizadas as seguintes tags: title, meta, style, ...

A tag <title> especifica o nome do documento que é exibido na guia do navegador.

A tag <meta>é usada para definir várias informações de serviço. Por exemplo, você pode ajudar o navegador a entender a codificação de um documento HTML (ele contém texto simples, se você se lembra).


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 tags corpo, p, b

A tag <body>contém todo o texto html que será exibido pelo navegador. As tags mais simples para exibir um documento são: <h1>, <p>, <b>,<br>

<h1>- esta é uma etiqueta de par, permite-lhe definir o título da sua página/artigo. Se o seu artigo for longo e você precisar de subtítulos, poderá usar a tag para este caso <h2>e <h3>assim por diante até<h6>

Exemplo:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

Se o seu artigo for grande e você quiser facilitar a leitura dividindo-o em parágrafos, precisará de uma etiqueta de par <p>(da palavra parágrafo) para isso. Basta envolver o texto em tags <p>e </p>o navegador o exibirá como um parágrafo separado.

Atenção! O navegador irá ignorar quebras de linha e/ou espaços extras em seu texto. Se você quiser adicionar uma quebra de linha, insira uma única tag <br>(da quebra de linha) no texto.

Bem, a melhor parte é destacar o texto em negrito. Se você quiser deixar o texto em negrito, envolva-o em tags <b> </b>(de b antigo).