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).
GO TO FULL VERSION