Course Modulo 3 - Lecture: Primi tag HTML

3.1 etichetta html

Se stai leggendo questo testo, si presume che in futuro lavorerai come sviluppatore Java, beh, o come sviluppatore Java Full Stack. Difficilmente scriverai documenti HTML, ma dovrai leggerli spesso . È così che funziona il mondo, quindi devi capire come sono organizzati i documenti HTML.

Qual è l'inizio di qualsiasi documento HTML? Ogni documento HTML ha una struttura costituita da tre tag nidificati: html, heade body. Questo è l'esempio standard:

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

Tutto ciò che il browser mostra è all'interno di un tag pair body(corpo del documento). All'interno del tag headsono presenti tag con informazioni di servizio/ausiliari per il browser.

È anche consuetudine (facoltativo) scrivere il tipo di documento all'inizio del documento, DOCTYPEin modo che il parser capisca meglio come interpretare gli errori. Molti browser sono in grado di visualizzare correttamente i documenti rotti.

Oppure, al contrario XHTML = XML+HTML, c'è uno standard in cui ci sono regole più stringenti rispetto al solito HTML. Ma tali informazioni ti saranno utili quando deciderai di scrivere il tuo browser, o almeno il tuo HTML-parser.

3.2 L'etichetta della testa

All'interno del tag, headdi solito si trovano i seguenti tag: title, meta, style, ...

Il tag <title> specifica il nome del documento visualizzato nella scheda del browser.

Il tag <meta>viene utilizzato per impostare varie informazioni di servizio. Ad esempio, puoi aiutare il browser a comprendere la codifica di un documento HTML (contiene testo semplice, se ricordi).


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

3.3 tag body, p, b

Il tag <body>contiene tutto il testo html che verrà visualizzato dal browser. I tag più semplici per visualizzare un documento sono: <h1>, <p>, <b>,<br>

<h1>- questo è un tag di coppia, ti consente di impostare il titolo della tua pagina / articolo. Se il tuo articolo è lungo e hai bisogno di sottotitoli, puoi utilizzare il tag per questo caso <h2>e <h3>così via fino a<h6>

Esempio:


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

Se il tuo articolo è lungo e vuoi renderlo più facile da leggere dividendolo in paragrafi, allora avrai bisogno di un tag di coppia <p>(dalla parola paragrafo) per questo. Basta avvolgere il testo nei tag <p>e </p>il browser lo visualizzerà come paragrafo separato.

Attenzione! Il browser ignorerà le interruzioni di riga e/o gli spazi extra nel testo. Se vuoi aggiungere un'interruzione di riga, inserisci un singolo tag <br>(dalla linea di interruzione ) nel testo.

Bene, la parte migliore è evidenziare il testo in grassetto. Se vuoi rendere il testo in grassetto, avvolgilo in tag <b> </b>(da b vecchio).