znacznik HTML 3.1

Jeśli czytasz ten tekst to zakładam, że w przyszłości będziesz pracował jako Java Developer, no cóż, lub Full Stack Java Developer. Prawie nie będziesz pisać dokumentów HTML, ale będziesz musiał je często czytać . Tak działa świat, więc musisz dowiedzieć się, jak rozmieszczone są dokumenty HTML.

Jaki jest początek dowolnego dokumentu HTML? Każdy dokument HTML ma strukturę składającą się z trzech zagnieżdżonych znaczników: html, headi body. To jest standardowy przykład:

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

Wszystko, co wyświetla przeglądarka, znajduje się w tagu pary body(treści dokumentu). Wewnątrz znacznika headznajdują się znaczniki z informacjami serwisowymi / pomocniczymi dla przeglądarki.

Zwyczajowo (opcjonalne) jest również zapisywanie typu dokumentu na początku dokumentu - DOCTYPEaby parser lepiej rozumiał, jak interpretować błędy. Wiele przeglądarek jest w stanie poprawnie wyświetlać zepsute dokumenty.

Lub wręcz przeciwnie XHTML = XML+HTML, istnieje standard, w którym obowiązują bardziej rygorystyczne zasady niż w zwykłym HTML. Ale takie informacje będą Ci przydatne, gdy zdecydujesz się napisać własną przeglądarkę, a przynajmniej własny plik HTML-parser.

3.2 Etykieta głowy

Wewnątrz tagu headzwykle znajdują się następujące tagi: title, meta, style, ...

Znacznik <title> określa nazwę dokumentu, który jest wyświetlany w zakładce przeglądarki.

Znacznik <meta>służy do ustawiania różnych informacji o usługach. Możesz na przykład pomóc przeglądarce zrozumieć kodowanie dokumentu HTML (jeśli pamiętasz, zawiera on zwykły tekst).


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

3.3 body, p, b znaczniki

Tag <body>zawiera cały tekst HTML, który zostanie wyświetlony przez przeglądarkę. Najprostszymi znacznikami służącymi do wyświetlania dokumentu są: <h1>, <p>, <b>,<br>

<h1>- to jest tag pair, pozwala ustawić tytuł swojej strony/artykułu. Jeśli twój artykuł jest długi i potrzebujesz podtytułów, możesz użyć tagu dla tego przypadku i tak dalej <h2>, aż<h3><h6>

Przykład:


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

Jeśli Twój artykuł jest duży i chcesz ułatwić jego czytanie, dzieląc go na akapity, potrzebujesz <p>do tego tagu pary (od słowa akapit). Po prostu zawiń tekst w tagi <p>, </p>a przeglądarka wyświetli go jako osobny akapit.

Uwaga! Przeglądarka zignoruje podziały linii i/lub dodatkowe spacje w tekście. Jeśli chcesz dodać podział wiersza, wstaw do tekstu pojedynczy znacznik <br>(od końca wiersza).

Cóż, najlepsze jest podkreślenie tekstu pogrubioną czcionką. Jeśli chcesz, aby tekst był pogrubiony, zawiń go w znaczniki <b> </b>(od starego b ).