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