Guida Veloce Formattazione in html

Area dedicata alle guide di phpBB 3
Rispondi
Avatar utente
Tiger
PhpBB Expert
PhpBB Expert
Messaggi: 135
Iscritto il: 04/11/2012, 16:15
Link del Forum: Campo non specificato
Località: Roma

Guida Veloce Formattazione in html

Messaggio da Tiger »

In questa velocissima guida vedremo in generale i tag piu' usati per la formattazione di un testo in html:
Tag di base

Codice: Seleziona tutto

<html>...</html>
» Definire un documento Html.

Codice: Seleziona tutto

<head>...</head>
» Definire le informazione di intestazione come il titolo ed i meta-tag.

Codice: Seleziona tutto

<title>...</title>
» Definire il titolo che appare alla cima della finestra di browser.

Codice: Seleziona tutto

<body>...</body
> » Il corpo del documento Html.
Corpo di un documento Html

Codice: Seleziona tutto

<body>...</body>
» Il corpo del documento Html.

Codice: Seleziona tutto

<body bgcolor="#??????">
» Colore di sfondo del documento.

Codice: Seleziona tutto

<body background="nomefile.xxx">
» Immagine come sfondo.

Codice: Seleziona tutto

<body text="#??????">
» Colore del testo del documento.

Codice: Seleziona tutto

<body link="#??????">
» Colore dei collegamenti ipertestuali.

Codice: Seleziona tutto

<body alink="#??????">
» Colore dei collegamenti ipertestuali attivi.

Codice: Seleziona tutto

<body vlink="#??????">
» Colore dei collegamenti ipertestuali già visitati.
Formattazione

Codice: Seleziona tutto

<p>...</p>
» Definire un nuovo paragrafo.

Codice: Seleziona tutto

<p align=?>
» Allineare un paragrafo a destra,sinistra e a centro.

Codice: Seleziona tutto

<br>
» Inserire una interruzione di riga.(spaziatura)

Codice: Seleziona tutto

<blockquote>...</blockquote>
» Indentare il testo da entrambi i lati.

Codice: Seleziona tutto

<pre>...</pre>
» Testo preformattato.

Codice: Seleziona tutto

<hl>...</hl> a <h6>...</h6>
» Titoli.

Codice: Seleziona tutto

<b>...</b>
» Testo in grassetto.

Codice: Seleziona tutto

<i>...</i>
» Testo in corsivo.

Codice: Seleziona tutto

<cite>...</cite>
» Citazione, generalmente in corsivo.

Codice: Seleziona tutto

<em>...</em>
» Enfatizzare una parola (grassetto o corsivo).

Codice: Seleziona tutto

<strong>...</strong>
» Enfatizzare una parola (grassetto o corsivo).

Codice: Seleziona tutto

<sub>...</sub>
» Testo apice.

Codice: Seleziona tutto

<sup>...</sup>
» Testo pedice
Caratteri

Codice: Seleziona tutto

<font>...</font>
» Attributi dei caratteri.

Codice: Seleziona tutto

<font size="value">...</font>
» Grandezza dei caratteri con valori da 1 (più piccolo) a 7 (più grande).

Codice: Seleziona tutto

<font face="name">...</font>
» Tipo di caratteri.

Codice: Seleziona tutto

<font color="#??????">...</font>
» Colore dei caratteri.

Il tag <font> è disapprovato nell'attuale specifica Html; è preferibile usare i fogli di stile CSS per impostare i caratteri.
Elenchi

Codice: Seleziona tutto

<dl>...</dl>
» Elenco definizioni.

Codice: Seleziona tutto

<dt>
» Precede ogni termine di definizione.

Codice: Seleziona tutto

<dd>
» Precede ogni definizione.

Codice: Seleziona tutto

<ol>...</ol>
» Elenco ordinato.

Codice: Seleziona tutto

<li>...</li>
» Precede ogni voce dell'elenco aggiungendo un numero.

Codice: Seleziona tutto

<ul>...</ul>
» Elenco non ordinato.

Codice: Seleziona tutto

<div class=
tag utilizzato per richiamare una classe .css

Codice: Seleziona tutto

<div align=?> »
Tag usato per allineare grossi blocchi di testo.
Collegamenti

Codice: Seleziona tutto

<a>...</a>
» Origine e destinazione di un collegamento ipertestuale.

Codice: Seleziona tutto

<a href="url">...</a>
» Collegamento ipertestuale.

Codice: Seleziona tutto

<a href="#name">...</a>
» Collegamento ad un'ancora nel documento stesso.

Codice: Seleziona tutto

<a href="URL#name">...</a>
» Collegamento ad un'ancora in un altro documento.

Codice: Seleziona tutto

<a name="name">...</a>
» Ancora in un documento.

Codice: Seleziona tutto

<a href="mailto:e-mail">...</a>
» Collegamento ad una e-mail.
Tabelle

Codice: Seleziona tutto

<table>...</table>
» Creare una tabella.

Codice: Seleziona tutto

<table border="pixel">
» Grandezza del bordo della tabella.

Codice: Seleziona tutto

<table cellspacing="pixel">
» Spazio tra le celle di una tabella.

Codice: Seleziona tutto

<table cellpadding="pixel">
» Spazio tra il bordo e il contenuto delle celle di una tabella.

Codice: Seleziona tutto

<table height="pixel" or "%">
» Altezza di una tabella.

Codice: Seleziona tutto

<table width="pixel" or "%">
» Larghezza di una tabella.

Codice: Seleziona tutto

<td>...</td>
» Righe di una tabella.

Codice: Seleziona tutto

<td colspan="colonne">
» Estendere la cella attraverso il numero di colonne specificato

Codice: Seleziona tutto

<td rowspan="righe">
» Estendere la cella attraverso.

Codice: Seleziona tutto

<td nowrap>
» Forzare il testo di una cella affinché non vada mai a capo.

Codice: Seleziona tutto

<th>...</th>
» Tabella d'intestazione con il testo in grassetto, allineato al centro.

Codice: Seleziona tutto

<tr>...</tr>
» Colonne di una tabella.

Codice: Seleziona tutto

<tr align="?"> o <td align="?">
» Allineare il contenuto di una cella a destra, sinistra o a centro.

Codice: Seleziona tutto

<tr valign="?"> o <td valign="?">
» Allineamento verticale di una cella a centro, sotto o sopra.
Top
Avatar utente
marco69
Utente
Utente
Messaggi: 94
Iscritto il: 15/11/2012, 23:27
Link del Forum:
Località: Firenze
Contatta:
Contatta marco69

Re: Guida Veloce Formattazione in html

Messaggio da marco69 »

ottimo grazie
Top
Avatar utente
maiko
Nuovo Utente
Nuovo Utente
Messaggi: 13
Iscritto il: 06/11/2013, 19:48
Link del Forum: acquariofili.com/phpBB3
Località: Calabria
Contatta:
Contatta maiko

Re: Guida Veloce Formattazione in html

Messaggio da maiko »

io ho provato la formattazione apic e pedici ma non mi funziona
Top
Rispondi

Torna a “Guide”