3.1 html-tagg

Om du läser den här texten antas det att du i framtiden kommer att arbeta som Java-utvecklare, ja, eller en Full Stack Java-utvecklare. Du kommer knappast att skriva HTML-dokument, men du måste läsa dem ofta . Så här fungerar världen, så du måste ta reda på hur HTML-dokument är ordnade.

Vad är början på ett HTML-dokument? Varje HTML-dokument har en struktur som består av tre kapslade taggar: html, headoch body. Detta är standardexemplet:

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

Allt som webbläsaren visar finns inuti en partagg body(dokumenttext). Inuti taggen headfinns taggar med service/hjälpinformation för webbläsaren.

Det är också vanligt (valfritt) att skriva dokumenttypen i början av dokumentet - DOCTYPEså att parsern bättre förstår hur man tolkar fel. Många webbläsare kan korrekt visa trasiga dokument.

Eller tvärtom, XHTML = XML+HTMLdet finns en standard där det finns strängare regler än i den vanliga HTML. Men sådan information kommer att vara användbar för dig när du bestämmer dig för att skriva din egen webbläsare, eller åtminstone din egen HTML-parser.

3.2 Huvudbrickan

Inuti taggen headfinns vanligtvis följande taggar: title, meta, style, ...

Taggen <title> anger namnet på dokumentet som visas på webbläsarfliken.

Taggen <meta>används för att ställa in olika serviceinformation. Du kan till exempel hjälpa webbläsaren att förstå kodningen av ett HTML-dokument (det innehåller vanlig text, om du kommer ihåg).

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

    </body>
</html>

3.3 text, p, b-taggar

Taggen <body>innehåller all html-text som kommer att visas av webbläsaren. De enklaste taggarna för att visa ett dokument är: <h1>, <p>, <b>,<br>

<h1>- detta är en partagg, den låter dig ställa in rubriken på din sida/artikel. Om din artikel är lång och du behöver underrubriker kan du använda taggen för det här fallet , <h2>och <h3>så vidare tills<h6>

Exempel:

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

Om din artikel är stor och du vill göra den lättare att läsa genom att dela upp den i stycken, så behöver du en partagg ( <p>från ordet stycke) för detta. Slå bara in texten i taggar <p>så </p>visar webbläsaren den som ett separat stycke.

Uppmärksamhet! Webbläsaren ignorerar radbrytningar och/eller extra mellanslag i din text. Om du vill lägga till en radbrytning, infoga sedan en enda tagg <br>(från br eak line) i texten.

Tja, det bästa är att markera texten i fet stil. Om du vill göra text fet, slå in den i taggar <b> </b>(från b gammal).

Java webinar