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