3.1 html таг

Ако четете този текст, се предполага, че в бъдеще ще работите като Java Developer, добре, or Full Stack Java Developer. Едва ли ще пишете HTML documentи, но ще трябва да ги четете често . Ето How работи светът, така че трябва да разберете How са подредени HTML documentите.

Какво е началото на всеки HTML document? Всеки HTML document има структура, състояща се от три вложени етикета html: headи body. Това е стандартният пример:

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

Всичко, което браузърът показва, е вътре в таг за двойка body(тялото на documentа). Вътре в етикета headима тагове със служебна / спомагателна информация за браузъра.

Също така е обичайно (незадължително) да напишете типа на documentа в началото на documentа - DOCTYPEтака че анализаторът да разбере по-добре How да интерпретира грешките. Много браузъри могат правилно да показват повредени documentи.

Или, напротив XHTML = XML+HTML, има стандарт, в който има по-строги правила, отколкото в обичайния HTML. Но такава информация ще ви бъде полезна, когато решите да напишете свой собствен браузър or поне свой собствен HTML-parser.

3.2 Етикетът на главата

Вътре в тага headобикновено се намират следните тагове: title, meta, style, ...

Тагът <title> указва името на documentа, който се показва в раздела на браузъра.

Етикетът <meta>се използва за задаване на различна сервизна информация. Например, можете да помогнете на браузъра да разбере codeирането на HTML document (той съдържа обикновен текст, ако си спомняте).


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

3.3 body, p, b тагове

Тагът <body>съдържа целия html текст, който ще бъде показан от браузъра. Най-простите тагове за показване на document са: <h1>, <p>, <b>,<br>

<h1>- това е двоен таг, който ви позволява да зададете заглавието на вашата page / статия. Ако статията ви е дълга и имате нужда от подзаглавия, тогава можете да използвате етикета за този случай и така нататък <h2>, докато<h3><h6>

Пример:


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

Ако статията ви е голяма и искате да я улесните за четене, като я разделите на абзаци, тогава ще ви е необходим таг за двойка <p>(от думата параграф) за това. Просто обвийте текста в тагове <p>и </p>браузърът ще го покаже като отделен параграф.

внимание! Браузърът ще игнорира нови редове и/or допълнителни интервали във вашия текст. Ако искате да добавите нов ред, вмъкнете един таг <br>(от br прекъсващ ред) в текста.

Е, най-добрата част е подчертаването на текста с удебелен шрифт. Ако искате да направите текста удебелен, обвийте го в тагове <b> </b>(от b old).