3.1 html tag

Hvis du læser denne tekst, antages det, at du i fremtiden vil arbejde som Java-udvikler, ja, eller en Full Stack Java-udvikler. Du vil næppe skrive HTML-dokumenter, men du bliver nødt til at læse dem ofte . Sådan fungerer verden, så du skal finde ud af, hvordan HTML-dokumenter er arrangeret.

Hvad er begyndelsen på et HTML-dokument? Hvert HTML-dokument har en struktur bestående af tre indlejrede tags: html, headog body. Dette er standardeksemplet:

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

Alt, hvad browseren viser, er inde i et par-tag body(dokumentets krop). Inde i tagget header tags med service / hjælpeoplysninger til browseren.

Det er også sædvanligt (valgfrit) at skrive dokumenttypen i begyndelsen af ​​dokumentet - DOCTYPEså parseren bedre forstår, hvordan man tolker fejl. Mange browsere er i stand til at vise ødelagte dokumenter korrekt.

Eller der er tværtimod XHTML = XML+HTMLen standard, hvor der er strengere regler end i den sædvanlige HTML. Men sådanne oplysninger vil være nyttige for dig, når du beslutter dig for at skrive din egen browser, eller i det mindste din egen HTML-parser.

3.2 Hovedmærket

Inde i tagget header følgende tags normalt placeret: title, meta, style, ...

Tagget <title> angiver navnet på det dokument, der vises på browserfanen.

Tagget <meta>bruges til at indstille forskellige serviceoplysninger. For eksempel kan du hjælpe browseren med at forstå kodningen af ​​et HTML-dokument (det indeholder almindelig tekst, hvis du husker det).


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

3.3 body, p, b tags

Tagget <body>indeholder al den html-tekst, der vil blive vist af browseren. De enkleste tags til at vise et dokument er: <h1>, <p>, <b>,<br>

<h1>- dette er et par tag, det giver dig mulighed for at indstille titlen på din side/artikel. Hvis din artikel er lang, og du har brug for underoverskrifter, så kan du bruge tagget til denne sag <h2>, <h3>og så videre indtil<h6>

Eksempel:


<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>

Hvis din artikel er stor, og du vil gøre den lettere at læse ved at dele den op i afsnit, så skal du bruge et par-tag <p>(fra ordet afsnit) til dette. Bare pak teksten ind i tags <p>, </p>og browseren vil vise den som et separat afsnit.

Opmærksomhed! Browseren vil ignorere linjeskift og/eller ekstra mellemrum i din tekst. Hvis du vil tilføje et linjeskift, så indsæt et enkelt tag <br>(fra br eak line) i teksten.

Nå, det bedste er at fremhæve teksten med fed skrift. Hvis du vil gøre tekst fed, så pak den ind i tags <b> </b>(fra b gammel).