Distinguere tra attributi universali e non universali. Quelli universali sono adatti a quasi tutti i tag, mentre quelli non universali sono adatti per uno o più, ma non per tutti...

L'attributo viene scritto all'interno del tag dopo il suo valore, ma prima della parentesi angolare di chiusura. Innanzitutto, viene inserito l'attributo stesso, quindi il segno di uguale e quindi il valore stesso tra virgolette. Si presenta così:

Testo

Cosa segue da questo esempio? Abbiamo aperto un paragrafo e all'interno del tag abbiamo inserito l'attributo align, che è responsabile dell'allineamento del testo. Successivamente, mettiamo giù il segno "=", il che significa che stiamo assegnando un valore a questo attributo. Più tra virgolette scriviamo proprio questo valore. In questo caso, è "centro". Ciò significa che il testo in questo (e solo in questo!) paragrafo sarà centrato. Provate voi stessi.

Ma non dimenticare di dare un'occhiata al sito. htmlbook. Troverai sicuramente ciò che corrisponde a cosa. Questo è solo un riferimento desktop per qualsiasi sviluppatore web e ancora di più per un principiante.

Allineare

Come hai già capito, questo attributo significa allineamento del testo. Di solito viene inserito in quei tag che sono responsabili del contenuto stesso (testo, immagini, ecc.). In generale, puoi inserirlo nelle intestazioni (

,...,

), nei paragrafi (

), immagini , blocco elemento (

).

Possibili valori degli attributi:

• allineamento sinistro - sinistro (predefinito)
• destra - allineamento destro
• centro - allineamento centro
• giustificare - allineamento a tutta larghezza

Prova a esercitarti e a vedere come cambierà la posizione dei tuoi elementi.

Titolo

Nome familiare, giusto? Veramente. C'è un tale tag e lo mettiamo in mezzo e . Ma ora sto parlando specificamente dell'attributo e si adatta a quasi tutti i tag, poiché è universale. E ne hai bisogno come suggerimento quando sei in bilico. E la linea di fondo è che scrivi tu stesso questo suggerimento. Sembra qualcosa del genere:

Quanto costa 5-3?

Cosa vediamo qui? All'inizio apriamo il paragrafo, quindi prescriviamo l'attributo stesso e gli diamo il valore "Beh, perché sei stupido? Saranno 2 Successivamente, scriviamo il testo visualizzato e alla fine chiudiamo il tag

.

Cosa accadrà dopo? Salva il documento e verifica tu stesso. Quando passi con il mouse sopra il testo con il cursore, dovrebbe apparire un suggerimento.

Diversi significati

Un tag può contenere un numero qualsiasi di attributi. La cosa principale è che corrispondono a questa etichetta. Ecco un esempio per te:

Contenuto

Come puoi vedere, qui è tutto abbastanza semplice, in un solo tag devi scrivere tutti gli attributi separati da uno spazio. Da questo esempio, vediamo che il contenuto sarà allineato a destra e quando ci passi sopra con il cursore del mouse, apparirà un suggerimento. Tutto è semplice. Spero sia tutto chiaro?

Bene, ora torniamo al nostro Lukomorye, che abbiamo fatto nell'ultima lezione.

Esempio dal vivo

• Allinea tutto il testo nel documento con "Lukomorye" al centro (insieme ai titoli),
• Nell'intestazione del primo livello, inserisci il suggerimento "L'autore dell'opera è A.S. Puskin"

Se non hai il file completato della lezione precedente, prendilo e metti giù tutti gli attributi necessari in modo che tutto risulti in base all'attività.

E secondo tradizione, all'inizio, fai tutto da solo. E se non funziona, guarda i passaggi che ho scritto di seguito.

Successivamente, salviamo il documento html e lo eseguiamo. Controlliamo cosa abbiamo. Va tutto bene? Penso che dovresti stare bene. Tuttavia, sento che molti di voi sono stanchi di mettere giù gli attributi in ogni quartina. Ti mostrerò come semplificare questo processo.

Se devi inserire lo stesso attributo in un segmento di grandi dimensioni, il tag ci aiuterà in questo.

. Un DIV è solo un elemento di blocco vuoto che funge da una sorta di contenitore da avvolgere. Qui puoi spingere vari attributi allo scopo di applicarli a un frammento comune. E se vuoi anche applicare l'attributo all'intero documento, puoi generalmente scriverlo nel tag principale .

In generale, in questo caso, non puoi inserire l'attributo align="center" su ogni tag. Hai solo bisogno di mettere

davanti all'intestazione e chiuderla con

alla fine dell'intero testo. Bene, dentro

set align="center" , ma solo una volta. Secondo me è molto più veloce e conveniente e il risultato è lo stesso.

Bene, come? Capisci il principio generale? Continueremo semplicemente a esplorare di più. La cosa principale è che comprendi il principio stesso di etichettatura e attributi. Se è così, fai le tue domande. Sarò felice di rispondere loro.

Bene, per una formazione a tutti gli effetti sul principio di creazione di un sito, consiglio di guardare un eccellente video corso " HTML5 e CSS3 da zero a pro". Lì imparerai HTML, CSS, imparerai come creare siti di biglietti da visita, blog e persino negozi online. Il corso è semplicemente morto per uno sviluppatore web alle prime armi.

Bene, per oggi ho finito. Spero che l'articolo ti sia piaciuto e l'abbia trovato utile. Non dimenticare di iscriverti agli aggiornamenti del mio blog per tenerti aggiornato su tutte le più interessanti e per non perdere le nuove lezioni. Bene, oggi ti saluto. Ti auguro successo nel padroneggiare il materiale. Ciao ciao!

Cordiali saluti, Dmitry Kostin.

< FONT TAGLIA=… COLORE=... VISO=...> testo FONT>

TAGLIA- installa dimensione del font Deve essere utilizzato dal testo contenuto all'interno dell'elemento FONT. È possibile impostare la dimensione assoluta del carattere specificando un numero intero compreso tra 1 e 7. È inoltre possibile specificare una dimensione del carattere dimensione relativa, assegnando all'attributo un numero intero con segno (ad esempio, potrebbe essere SIZE="+1" o SIZE="-2").

COLORE- indica colore, che evidenzierà questa parte di testo. I colori vengono specificati come un valore RGB con notazione esadecimale oppure viene selezionato un valore di carattere di uno dei colori standard.

VISO- imposta carattere tipografico, ad esempio VISO=ARIAL.

testo - telescrive il testo (a spaziatura fissa).

testo - stile del carattere corsivo ( corsivo).

testo- stile con grassetto font.

testo U>- stile con sottolineatura testo.

testo GRANDE>- stampa il testo in carattere sovradimensionato(più grande del testo circostante).

testo PICCOLO>- stampa il testo in carattere dimensione ridotta(più piccolo del testo circostante).

testo SUB>- stampa del testo con uno spostamento verso il basso ( pedice o pedice).

testo sup>- stampa del testo con uno spostamento in alto ( apice o apice).

testo COLPO> o < S> …S> - stile con testo barrato.

Tag html speciali

Etichetta< INDIRIZZO> utilizzato per evidenziare l'autore del documento e il suo indirizzo (ad esempio, e-mail).

Alcuni personaggi lo sono personaggi di controllo in HTML e vengono aggiunti al testo solo tramite sequenze ESC:

parentesi angolare sinistra"<" - <

parentesi ad angolo retto ">" ->

e commerciale "&" - &

virgolette """ - "

Esistono numerose sequenze di escape per caratteri speciali, come " " per  e "®" per . Una delle caratteristiche è la sostituzione dei caratteri nella 2a parte della tabella dei caratteri (dopo il 127esimo carattere) con sequenze di escape per il trasferimento di file di testo con le lingue nazionali tramite canali a 7 bit.

Sequenze ESC maiuscole e minuscole: NON può essere utilizzato al posto di<.

I tag più comunemente usati sono mostrati nella Tabella 2.

Tabella 1.2 - Tag di base per la formattazione di un documento HTML

	Attributo	Funzione
	versione= linea	Specifica la versione di HTML utilizzata per creare questo documento
		Il testo contrassegnato verrà visualizzato in corsivo
Tag HEAD - tag di inizio e fine della parte head di un documento HTML
etichettaTITOLO- tag di intestazione di inizio e fineHTML-documento
etichettaUN- tag di inizio e fine che consentono di creare un collegamento ipertestuale (attributohref) o identificatore di frammento (attributonome) intestazioneHTML-documento
	href= url	Specifica l'URL del documento di destinazione del collegamento ipertestuale (obbligatorio se questo non è un nome di ancoraggio)
	metodi= elenco	Specifica un elenco di metodi di visualizzazione specifici del browser (separati da virgole)
	nome= linea	Viene specificato il nome dell'identificatore del frammento (obbligatorio se questo non è un collegamento ipertestuale)
	rel= connessione	Determina la relazione di questo documento con il documento di destinazione
	rev= connessione
	obiettivo= nome	Specifica il nome della cornice o della finestra di visualizzazione del documento di riferimento
	titolo= linea
		Specifica il nome risorsa uniforme indipendente dalla posizione per il collegamento ipertestuale specificato
etichettaINDIRIZZO– il testo racchiuso in questi tag è un indirizzo
etichettaB– il testo racchiuso in questi tag sarà visualizzato in grassetto
etichettabase- indica la baseURLper tutti i parentiURLin questo documento
	Attributo	Funzione
	href= url	L'URL di base è specificato
	obiettivo= nome	Imposta la finestra di destinazione predefinita per tutti i collegamenti nel documento. È inteso principalmente per reindirizzare i collegamenti ad altri frame. Esistono quattro valori speciali: _blank, _parent, _self e _top
etichettaBASEFONT- indica la dimensione del carattere per il testo successivo
	Attributo	Funzione
	taglia= significato
etichettaGRANDE– il testo racchiuso nei tag verrà visualizzato con una dimensione del carattere più grande
etichettaCORPO- tag di inizio e fine del corpo del documento
	collegamento= colore	Imposta il colore dei collegamenti ipertestuali attivi in ​​un documento
	sfondo= url	L'URL dell'immagine di sfondo è specificato.
	bgcolor= colore	Imposta il colore di sfondo del documento
	bgproperties= significato	Se una significato uguale a fisso, impedisce all'immagine di sfondo di scorrere insieme al contenuto del documento (CIOÈ2 e superiori)
	margine sinistro=valore n cioè	Imposta la dimensione (in pixel) del margine sinistro del documento (CIOÈ2 e superiori)
	collegamento= colore	Imposta il colore dei collegamenti ipertestuali "non visitati" in un documento
	testo= colore	Imposta il colore del testo normale in un documento
	margine superiore= significato	Imposta la dimensione (in pixel) del margine superiore del documento (CIOÈ2 e superiori)
	vlink= colore	Imposta il colore dei link "visitati" in un documento
etichettaBR- interrompere il flusso di testo corrente e riprenderlo dall'inizio della riga successiva
	Attributo	Funzione
		Imposta l'"avvolgimento" dell'oggetto, la cui posizione è indicata dal valore di questo attributo (sinistra, destra o tutto). Quando si passa a una nuova riga, il testo verrà posizionato in modo che l'oggetto rimanga visibile
etichettaCENTRO– posizionando il testo contrassegnato al centro
etichettaCITARE– il testo racchiuso tra i tag è una citazione
etichettaCOMMENTO– Commento nel testo del documento. I commenti saranno visibili in qualsiasi browser. Per tutti i browser, il commento viene presentato come
etichettaDD– viene impostata una parte descrittiva per l'elemento dell'elenco delle definizioni
etichettaDFN– il testo racchiuso tra tag è formattato come definizione
etichettaDL– creare un elenco di definizioni contenenti tag< dt> e< gg>
etichettaDT– la parte descrittivo-condizionale è fissata per l'elemento dell'elenco delle definizioni
etichettaincorporare- tag di inizio e fine che consentono di descrivere l'oggetto incorporato nel documento. A seconda del tipo di oggetto incorporato, possono essere inclusi parametri aggiuntivi oltre a quelli elencati di seguito.
	Attributo	Funzione
		Specifica l'URL dell'oggetto incorporabile. Questo attributo è obbligatorio
	altezza= n	Specifica l'altezza della zona che occuperà l'oggetto incorporato
	nome= nome	Specifica il nome dell'oggetto incorporato
		Specifica la larghezza della zona che occuperà l'oggetto incorporato
etichettaFONT– impostare la dimensione, il colore o il carattere tipografico del testo contrassegnato
	Attributo	Funzione
		Impostazione del colore del testo contrassegnato
	faccia=elenco	Imposta il carattere tipografico del testo contrassegnato (imposta il primo nome del carattere in un elenco separato da virgole)
	taglia= significato	Imposta la dimensione del carattere di base. Intervallo - da 1 a 7
etichettahn– il testo racchiuso tra i tag è il titolo del livellon. Possibili valorin– da 1 a 6
	Attributo	Funzione
	allineare= tipo di	Specifica come deve essere allineato il titolo: sinistra (sinistra, predefinita), centro (centro) o destra (destra)
etichettarisorse umane– interrompendo il flusso di testo corrente. Un righello orizzontale verrà inserito nel punto di interruzione.
	Attributo	Funzione
	allineare= tipo di	Specifica come deve essere allineato il righello: sinistra (sinistra), centrato (centro, predefinito) o destra (destra)
		Non utilizzare l'ombreggiatura volumetrica durante la visualizzazione del righello
		Impostazione dello spessore del righello su un numero intero di pixel
	larghezza= significato
etichettaio- il testo racchiuso tra tag verrà visualizzato in corsivo
etichettaimg– un'immagine viene inserita nel flusso di testo corrente
	Attributo	Funzione
	alt= testo	Imposta testo alternativo per i browser che non supportano le immagini
	Confine= n	Imposta lo spessore (in pixel) della cornice attorno alle immagini contenute nei collegamenti ipertestuali
		Aggiunta di controlli di riproduzione per clip video incorporati (CIOÈ2 e superiori)
	Dynsrc= url	DatoURL- indirizzo del video clip da riprendere( CIOÈ 2 e superiori)
	Altezza= n	Imposta l'altezza dell'immagine in pixel
	Hspazio= n	Specifica la posizione a sinistra ea destra dell'immagine delle aree di spazio libero con una larghezza di n pixel
		Specifica che quando si utilizza questo tag all'interno del tag l'immagine viene selezionata con il mouse
	ciclo= significato	Imposta il numero di volte per ripetere la riproduzione del video. Significato può essere un numero intero o un valore infinito (CIOÈ2 e superiori)
	Lowsrc= url	Indicato dall'immagine a bassa risoluzione che il browser dovrebbe caricare per prima. È seguito dall'immagine specificata dall'attributo (CIOÈ2 e superiori)
		Specifica l'URL di origine dell'immagine da riprodurre. Questo attributo è obbligatorio
	inizio= Inizio	Specifica quando riprodurre il video clip (opzioni: fileopen o passaggio del mouse)
	Mappa d'uso= url	Specifica l'area dell'immagine sensibile al movimento del mouse
	vspace= n	Imposta la posizione sopra e sotto l'immagine delle aree di spazio libero di n pixel
		Specifica la larghezza dell'immagine in pixel
etichettaKBD– il testo racchiuso nei tag viene inserito carattere per carattere (come quando si digita da tastiera)
etichettaCOLLEGAMENTO- nel titolo (< testa >) documento definisce un collegamento da questo documento a un altro documento
	Attributo	Funzione
	href= url
	metodi= elenco	Imposta un elenco di metodi di visualizzazione per questo collegamento, a seconda del browser (separato da virgole)
	rel= connessione	Viene determinata la relazione di questo documento con il documento di destinazione. Per InternetExplorer3.0rel=style significa l'esistenza di un foglio di stile esterno
	rev= connessione	Viene determinato il feedback del documento di destinazione con i dati
		Specifica l'URL del foglio di stile esterno che verrà utilizzato per formattare il documento ( CIOÈ2 e superiori)
	titolo= linea	Imposta il titolo del documento di destinazione
	tipo= testo/css
		Per il documento di destinazione, viene specificato il nome universale della risorsa, indipendentemente dalla sua posizione
etichettaCARTA GEOGRAFICA– viene determinata l'area dell'immagine sensibile al movimento del mouse
	Attributo	Funzione
	nome= linea	Specifica il nome di questo regno. Questo attributo è obbligatorio
etichettaNOBR– non sono ammesse interruzioni nel testo racchiuso nei tag
etichettaP- tag di inizio e fine paragrafo
	allineare= tipo di	Imposta l'allineamento del testo in un paragrafo: sinistra (sinistra), centro (centro) o destra (destra)
etichettaPLANTEST- indica che il resto del documento deve essere visualizzato senza elaborazione, come testo preformattato
etichettaPRE– il testo racchiuso nei tag verrà visualizzato in questo modo. come è stato preformattato, senza elaborazione, nel rigoroso rispetto delle interruzioni e degli intervalli di riga
		Il browser disporrà il testo in modo che la riga si adatti (se possibile) a n caratteri
etichettaS
etichettaSAMP– il testo racchiuso tra i tag è un modello
etichettaPICCOLO– il testo racchiuso nei tag verrà visualizzato con una dimensione del carattere più piccola
etichettaDISTANZIATORE- inserire un separatore nel documento(SoloN3)
	tipo= tipo di	Viene specificato il tipo di separatore: verticale– un'area di spazio bianco della dimensione specificata viene posta tra due righe di testo; orizzontale– un'area di spazio bianco della dimensione specificata viene posizionata tra parole o caratteri; blocco– inserimento di un'area rettangolare
		Specifica (in pixel) la larghezza del separatore orizzontale o l'altezza del separatore verticale
		Viene specificata la larghezza del separatore del tipo di blocco
	altezza= n	Viene specificata l'altezza del separatore del tipo di blocco
	allineare= significato	Specifica come allineare il separatore di blocchi rispetto al testo circostante.
etichettaSPAN– il testo contrassegnato verrà formattato utilizzando il foglio di stile(SoloCIOÈ3 e superiori)
	Attributo	Funzione
	stile= elementi	Per il testo in un dato intervallo, vengono impostati gli elementi del foglio di stile
etichettaCOLPIRE– il testo racchiuso nei tag verrà visualizzato come una linea orizzontale
etichettaSUB- il testo racchiuso nei tag verrà visualizzato come pedice
etichettaSUP- il testo racchiuso nei tag verrà visualizzato come apice
etichettaTT– il testo racchiuso nei tag verrà visualizzato con un carattere a spaziatura fissa
etichettaVAR– il testo racchiuso tra i tag è il nome della variabile

Il colore del carattere sul sito può essere impostato utilizzando il codice HTML. C'è un tag per questo. font. Per definizione, il tag font funge da sorta di "involucro" o "contenitore" per il testo, controllando le proprietà di cui è possibile modificare il design del testo.

Etichetta font applicato come segue:

Costruttore di siti web "Nubex"

Il modo più semplice per modificare il colore del carattere in HTML è utilizzare l'attributo colore etichetta font:

Costruttore di siti web "Nubex"

Questo imposta il colore blu per la parola incorniciata dal tag font.

Ma oltre al parametro color, il tag ha altri attributi.

Attributi dei tag FONT

Etichetta font ha solo tre attributi:

• colore- imposta il colore del testo;
• taglia- imposta la dimensione del testo;
• viso- imposta la famiglia di caratteri.

Parametro colore può essere specificato da un nome di colore (es. "rosso", "blu", "verde") o un codice esadecimale (es. #fa8e47).

Attributo taglia può assumere valori da 1 a 7 (il default è 3, che corrisponde a 13,5 punti per il font Times New Roman). Un'altra opzione per impostare l'attributo è "+1" o "-1". Ciò significa che la dimensione verrà modificata rispetto alla base rispettivamente di 1 in più o in meno.

Considera l'uso di questi attributi nel nostro esempio:

Costruttore di siti web "Nubex"

Abbiamo applicato il tag font per una parola, imposta la dimensione 6, il colore arancione e la famiglia di caratteri "Serif".

Impostazione del colore del testo con CSS

Se è necessario applicare una determinata formattazione (ad esempio, cambiare il colore del testo) a più sezioni di testo, sarà più corretto utilizzare il codice CSS. C'è un attributo di colore per questo. Vediamo come usarlo nel nostro esempio:

Costruttore siti "Nubex"

Qui impostiamo il colore blu per la parola "Costruttore" (la sua dimensione, per impostazione predefinita, è il 100% della base), il colore verde e la dimensione del 125% per la parola "siti", il colore arancione e la dimensione del 150% per la parola "Nubex ".

Oltre a utilizzare le dimensioni e gli stili dei caratteri standard (caratteri tipografici), è possibile definire i caratteri per ogni frammento di testo utilizzando tag speciali. Il modo più semplice è utilizzare il cosiddetto stili fisici:

Per ogni tag di stile fisico, esiste un tag finale corrispondente che sovrascrive l'ulteriore applicazione dello stile. Ad esempio, per il tag il tag di chiusura è.
Di seguito è riportato un programma di esempio e l'aspetto di vari stili fisici:

<НЕАD><ТIТLЕ>Stili fisici

<В>Grassetto
Corsivo
sottolineato
barrato
<ТТ>Macchina da scrivere
<ВХ1>Italico grassetto
<ВХ1><и>Corsivo grassetto sottolineato

Riso. 649 Stili fisici

All'interno del tag di intestazione, puoi inserire un tag di stile fisico per modificare l'intera intestazione o solo una parte di essa. Ad esempio, per mettere in corsivo una parte del testo definita come intestazione, è possibile utilizzare il seguente costrutto:

<НЕАD><ТIТLЕ>Stili fisici e logici

<Н2>Esso - modificata intestazione di livello 2

Riso. 650. Modifica dello stile del carattere della parte di intestazione

Con un tag personalizzato puoi impostare il carattere per l'immagine del testo: imposta il carattere tipografico, la dimensione e il colore. Prima di tutto, puoi impostare la dimensione del carattere principale, che viene utilizzato nel documento per impostazione predefinita. il tag del carattere principale ha il formato . La dimensione del carattere di base può essere impostata da 1 a 7. Se questo tag non viene utilizzato, la dimensione del carattere di base predefinita è impostata su 3.
etichetta imposta la dimensione del carattere corrente per i singoli frammenti di testo. Questo tag non ha effetto sugli stili. L'intervallo dei valori possibili va da 1 a 7. Questo tag permette anche di controllare la dimensione del font corrente rispetto a quello principale. Per fare ciò, usa il simbolo + (per aumentare) e il simbolo - (per diminuire) la dimensione del carattere di un determinato importo. Ad esempio, se la dimensione del carattere principale è impostata su 3, il tag imposta la dimensione del carattere corrente su 5.
Il tag viene utilizzato per impostare il carattere tipografico del carattere. . Per esempio:

Se questo tag non viene utilizzato nel documento, il browser utilizzerà il font impostato nelle sue impostazioni. Pertanto, il testo sullo schermo dell'utente potrebbe apparire completamente diverso da quello che immaginavi. Tieni inoltre presente che se il carattere che assegni non è installato sul computer dell'utente, il browser visualizzerà il testo con il carattere predefinito.
Puoi nel tag specificare un elenco di caratteri separati da virgole. In questo caso, il browser utilizzerà il primo font trovato. Ad esempio, puoi scrivere un tag:

VISO="Arial, Sans Serif, Corriere">

Di solito, nell'elenco vengono specificati caratteri simili. Si consiglia di assegnare i caratteri più popolari. Quando si posizionano informazioni di testo su una pagina, è meglio non assegnare affatto un nome di carattere, basandosi sulle impostazioni standard del browser. Ma poi, durante la progettazione della pagina, dovresti anche utilizzare le impostazioni standard del browser per sincronizzare la tua percezione del testo con la possibile percezione dell'utente. Dopotutto, stai creando una pagina non per te stesso, ma per i lettori.
Utilizzo dell'attributo COLOR su un tag Puoi impostare il colore del carattere:

L'argomento dell'attributo COLOR è una rappresentazione esadecimale del codice colore (componente rosso, verde e blu, in altre parole, il componente RGB). Il seguente programma mostra il controllo dei caratteri:

<НЕАD><ТIТLЕ>Installazione dei caratteri

<Р>Carattere Aria ABCDEZHZIK
<Р>Carattere del corriere ABCDEZHZIK
<Р>Carattere SIMBOLO ABCDEZHZIK

Riso. 651. Uso di caratteri diversi

Nota che nel tag puoi usare alcuni o tutti i suoi possibili attributi. Per esempio:

Nelle formule matematiche, oltre che per le note a piè di pagina, vengono spesso utilizzati indici, che differiscono dal testo principale per posizione (leggermente più alti o più bassi) e dimensioni. I tag servono a questo scopo. e rispettivamente per gli indici superiore e inferiore.

<НЕАD><Т1ТLЕ>Indici/NEAD>

<НЗ>Un esempio di utilizzo degli indici
<Р>(5+x ²)^x+3

un ₁+ un ₂+ un ₃
<Р>Note a piè di pagina ²