[TITOLI, INTESTAZIONI E PARAGRAFI] Imparare Passo per Passo il HTML & CSS
× Accedi al tuo account

Hai perso la password?
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Menu
NAV
Pubblicità

BETA
Tag: ALTRI, Imparare, Passo, HTML,
Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5

[TITOLI, INTESTAZIONI E PARAGRAFI] Imparare Passo per Passo il HTML & CSS

18/12/2020, 01:31
Tutorial 
582 Visualizzazioni

Il Tag <heading>

Le intestazioni sono definite con i tag da <h1> a <h6> . Che vanno dal più importante al meno importante. La dimensione del testo delle intestazioni diminuisce quando diminuisce l'importanza. I tag <heading> devono essere usati solo per l'intestazione o il titolo di una pagina e non per fare testo di grandi dimensioni. Un buon esempio di utilizzo per le intestazioni sarebbe usare <h1> per il titolo e <h2> per la descrizione in questo modo.

<!DOCTYPE html>
<html>
<head>
    <title>Il mio titolo</title>
    <style>
        h1 {color:red;}
        p {color:blue;}
    </style>
</head>
<body>
    <h1>Il mio titolo</h1>
    <h2>La mia descrizione</h2>
</body>
</html>


Ecco cosa otteniamo.
[Immagine: wBpX3SQ.png]

Qualsiasi cosa dopo <h6> verrà ignorata dal browser poiché non è un codice HTML valido e verrà invece visualizzata come un paragrafo di base senza CSS.

Andare a capo con il tag <br>

Il <br> inserisce una singola interruzione di riga e andare a capo.
In verità il tag <br> è sbagliato usarlo o meglio è consigliabile usare il tag break in questo modo <br /> questo perché alcuni browser potrebbero dare problemi con il tag <br>


<p>Riga 1. <br /> Riga 2</p>



Paragrafi con il Tag <p>

Il <p> viene utilizzato per definire un paragrafo, il gioco è fatto. È possibile utilizzare l' attributo di stile nel tag per riprodurre ogni singolo paragrafo con il proprio CSS, ad esempio un paragrafo

<!DOCTYPE html>
<html>
<head>
    <title>Il mio titolo</title>
    <style>
        h1 {color:red;}
        p {color:blue;}
    </style>
</head>
<body>
    <h1>Il mio titolo</h1>
    <h2>La mia descrizione</h2>
    <p style="color:green;text-align:right">Questo è un giusto paragrafo verde</p>
    <p>Questo è un paragrafo che utilizza il CSS definito nella testa<p>
</body>
</html>


Questo ci darebbe il seguente risultato.
[Immagine: LMYcE9r.png]

Per le interruzioni di riga è possibile utilizzare il tag <p> per ciascun paragrafo oppure utilizzare l'interruzione di riga. I ritorni normali nel testo verranno ignorati dal browser in HTML5, quindi hanno qualcosa di simile
<p>Linea 1.
Linea 2.
linea 3.</p>


Si presenterebbe come
Codice:
Linea 1. Linea 2. Linea 3.

Per aggirare questo possiamo usare entrambi
<p>Line 1.</p>
<p>Linea 2.</p>
<p>Linea 3.</p>

O
<p>Linea 1.<br />Linea 2.<br />Linea 3.</p />


Che apparirebbe come.
[Immagine: s1M0vlS.png]



Rispondi

Natnox
Tecnico e Gestore
969
Aggiorna il tuo account per nascondere gli annunci pubblicitari.




Utenti che stanno guardando questa discussione: 1 Ospite(i)



Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  Tutorial [IL TAG HTML] Imparare Passo per Passo il HTML & CSS Natnox 0 537 23/12/2020, 02:19
Ultimo messaggio: Natnox
  Tutorial [CHE EDITOR USARE?] Imparare Passo per Passo il HTML & CSS Natnox 0 480 15/12/2020, 02:00
Ultimo messaggio: Natnox
  Tutorial [TAG BASICI] Imparare Passo per Passo il HTML & CSS Natnox 0 4,058 04/06/2019, 00:49
Ultimo messaggio: Natnox
  Tutorial [INTRODUZIONE] Imparare Passo per Passo il HTML & CSS Natnox 0 826 04/06/2019, 00:38
Ultimo messaggio: Natnox
  Tutorial Scrivere un'articolo in html con immagine vicino Loois 0 538 14/06/2017, 23:40
Ultimo messaggio: Loois
  Guida HTML SEMPLICE CmsOwna 1 588 19/02/2017, 19:21
Ultimo messaggio: Kaise Kaskade
Wink Tutorial Icone social network con effetto di rotazione HTML&CSS Natnox 0 661 19/11/2016, 17:42
Ultimo messaggio: Natnox
  Tutorial [GUIDA] Capire passo passo l'HTML A-Style 1 1,131 27/07/2014, 13:27
Ultimo messaggio: Hewo ReNext
  Index [Html & CSS] Kralin 3 1,430 12/02/2014, 17:52
Ultimo messaggio: Natnox
  [Guida] Cosa sono i codici HTML, come usarli e dove, i principali più usati Ale7070 2 1,392 16/07/2013, 19:53
Ultimo messaggio: alessandro150