OLTRECONSOLE
Benvenuto su OltreConsole. Questo forum parla di informatica, console e PC in generale, ma anche di giochi come Minecraft, Pokemon, COD, Fifa, Pes, GTA e molto altro. Per usufruire di tutte le nostre funzioni effettua il login (se sei già registrato), altrimenti iscriviti nella nostra community. Prima di poter avere pieno accesso al forum, è necessario presentarsi nell'apposita sezione.
Ti aspettiamo!

OLTRECONSOLE


 
IndiceIndice  CalendarioCalendario  GalleriaGalleria  FAQFAQ  CercaCerca  Lista UtentiLista Utenti  GruppiGruppi  RegistratiRegistrati  AccediAccedi  
Ultimi argomenti
» PATCH ESS-NODRESS 2017-2018+LEGENDS
Ven 1 Dic 2017 - 18:23 Da matty13

» PES6 ESS-NODRESS 2016-2017+LEGENDS PES6 PC (FUNZIONA ANCHE IN MULTIPLAYER)
Mar 27 Giu 2017 - 16:38 Da matty13

» PES6 PATCH ESS-NODRESS 2015-2016
Lun 1 Ago 2016 - 11:48 Da matty13

» Una settima generazione pokemon in arrivo?
Ven 8 Lug 2016 - 19:21 Da JLK_perry2000_

» Command & Conquer 4 Tiberian Twilight conversione ita?
Mer 1 Giu 2016 - 23:14 Da JLK_perry2000_

» ciao a tutti!!!
Mer 1 Giu 2016 - 23:07 Da JLK_perry2000_

» Old but Gold
Mar 26 Apr 2016 - 22:31 Da Wareside

» salve salvino!
Dom 21 Feb 2016 - 18:01 Da JLK_perry2000_

» Minecraft 1.9
Mer 5 Ago 2015 - 18:46 Da Gastone Fortunato


Condividere | 
 

 [GUIDA Html: un linguaggio, una pagina, una rete]

Vedere l'argomento precedente Vedere l'argomento seguente Andare in basso 
AutoreMessaggio
28Luke
Amministratore
avatar

Messaggi : 160
Età : 17
Data d'iscrizione : 07.09.13
Località : Ferrara

MessaggioTitolo: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 17:27

L'Html è il più vecchio linguaggio web. In questo tutorial ne analizzeremo le basi in modo che dopo possiate approfondire come più vi piace.
In pratica un file in formato HTML è un file che, oltre a contenere il testo che verrà visualizzato dal browser, contiene anche dei comandi (racchiusi sempre tra i simboli "<" e ">" chiamati "tag") che associano al testo un particolare attributo.
Generalmente l'aspetto di un tag è il seguente
<nome tag>Testo influenzato dal tag</nome tag>

Cioè è composto da un comando di apertura e da uno di chiusura che includono il testo influenzato dal tag.

Ad esempio in questa pagina nella prima riga il termine "HTML" viene visualuzzato in grassetto perchè è stato incluso tra il tag <b> e il tag </b>.

I tag possono essere scritti sia in maiuscolo che in minuscolo.

STRUTTURA

La struttura base di un file in formato HTML è la seguente:
<HTML>
<HEAD>
.
. testata delk file
.
</HEAD>
<BODY>
.
.  contenuti vari
.
</BODY> Corpo del file
</HTML>

Tutto il file è compreso tra i tag <HTML> e </HTML> che indicano l'inizio e la fine dello stesso.
Il file si divide poi in due parti:
- la testata nella quale possono essere inseriti solo alcuni particolari tag per fornire informazioni sui contenuti del file (come ad esempio il titolo e le parole chiave per i motori di ricerca)
- il corpo nel quale sono compresi tutti i tag di formattazione del file HTML.

I comandi della testata

Nel campo compreso tra i tag <HEAD> e </HEAD> possono essere inclusi i seguenti comandi:
<TITLE></TITLE>


Serve per assegnare un titolo alla pagina Web.
Può contenere solo stringhe di testo.
Possibilmente dovrebbe essere indicativo sul contenuto della pagina in quanto è l'unica parte della testata visibile con un browser, normalmente appare sul bordo della finestra (con Netscape in alto sulla sinistra).

Il corpo del file
Tutti gli altri comandi HTML sono compresi tra i tag <BODY> e </BODY>.
In questo tag è possibile impostare alcune caratteristiche globali del file come: lo sfondo, il colore del testo e i colori dei link.
I colori in HTML si possono esprimere tramite un codice esadecimale, che specifica i valori in formato RGB (Red Green Blue), o indicandone il nome (solo con Netscape e Internet Explorer).
Per maggiori informazioni sulla selezione dei colori si veda il paragrafo I colori in HTML.

L'attributo "Bgcolor=" consente di modificare il colore dello sfondo, mentre con "Background=" è possibile visualizzare un'immagine di sfondo, specificando il nome dell'immagine con il relativo path (directory o cartella in cui si trova).
Gli attributi: "Text=", Link=", "Vlink=" e "Alink="; consentono di impostare rispettivamente: il colore del testo (link esclusi), il colore dei link, il colore dei link a pagine già visitate e il colore dei link attivati (cioè quelli su cui è stato puntato il mouse ma non si è ancora rilasciato il pulsante.
ESEMPI
<BODY Bgcolor="#00AA00"
Text="#FFFFFF" Link="#0000FF"
Vlink="#FF0000" Alink="FFFF00">

Continua in un altro post...

_________________
lol! Luke è stato qui  bravo ... Alla prossima! Cit.


Ultima modifica di 28Luke il Dom 27 Apr 2014 - 17:44, modificato 1 volta
Tornare in alto Andare in basso
Vedi il profilo dell'utente
28Luke
Amministratore
avatar

Messaggi : 160
Età : 17
Data d'iscrizione : 07.09.13
Località : Ferrara

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 17:29



Formattazione del testo

L'aspetto del testo, o di alcune sue parti, può essere modificato utilizzando i tag per la formattazione o selezionando un font particolare.
I tag per stili logici.
Questi tag specificano la caratteristica del testo che racchiudono e non il modo in cui deve essere visualizzato.
La visualizzazione dipende dal browser che assegna a ciascuno stile una formattazione particolare.
Esempi:
<EM> Evidenziato </EM>
<STRONG> Molto evidenziato </STRONG>
<CITE> Citazione </CITE>
<CODE> Codice </CODE>
<SAMP> Esempio </SAMP>
<KBD> Immissione da tastiera </KBD>
<VAR> Variabile </VAR>
<DFN> Definizione </DFN>
<ADDRESS> Indirizzo </ADDRESS>

È bene quindi non fare affidamento su questi tag per impostare una particolare formattazione, in quanto con un altro browser potrebbero essere visualizzati in modo differente.
I tag per stili fisici.
Indicano esattamente il modo in cui il testo deve essere formattato (grassetto, corsivo etc.).
Nella versione standard dell'HTML 2.0 erano definiti i seguenti tag
<B> Grassetto </B>
<I> Corsivo </I>
<TT> Font monospazio </TT>

- Netscape: Guida HTML _ X
Grassetto
Corsivo
Font monospazio

con la versione 3.2 sono stati inseriti anche i tag
<U> Sottolineato </U>
<S> Barrato </S>
<BIG> Più grande </BIG> testo normale
<SMALL> Più piccolo </SMALL> testo normale
<SUB> Pedice </SUB> testo normale
<SUP> Apice </SUP> testo normale

- Netscape: Guida HTML _ X
Sottolineato
Barrato
Più grande testo normale
Più piccolo testo normale
Pedice testo normale
Apice testo normale
(Si ricorda che non tutti i browser supportano tutti i comandi della versione 3.2).

I tag possono anche essere combinati tra loro ad esempio
<B> <I> Grassetto Corsivo </B> </I>

- Netscape: Guida HTML _ X
Grassetto Corsivo

Testo preformattato

Dagli esempi fino a qui visti, si può osservare come la disposizione del testo nel file sorgente HTML non ha nessuna influenza su come tale testo viene visualizzato dal browser.
È possibile costringere il browser a visualizzare il testo cosi come viene editato utilizzando il tag

<PRE> ... </PRE>

l'unico inconveniente è che il testo preformattato viene visualizzato con un font monospazio.
Es:
<PRE>
questo
è un esempio
di testo preformattato
</PRE>

questo
è un esempio
di testo preformattato

Testo lampeggiante

Un'ulteriore possibilità per evidenziare parte di un testo è offerta dal tag

<BLINK> ... </BLINK>

Questo tag crea un effetto di lampeggio sul testo racchiuso.
Es:
<BLINK>
Testo lampeggiante
</BLINK>


È da notare che il testo lampeggiante attira notevolmente l'attenzione dell'osservatore, distogliendola dal resto della pagina, per questo motivo alcuni browser non lo supportano più (ad esempio le ultime versioni di Explorer).
Modifica dei font

Il tag per la modifica dei font è stato introdotto nella versione 3.2 dell'HTML.
Con l'ausilio degli attributi size=, face= e color= è possibile modificare le dimensioni, il tipo di font e il colore.

L'attributo size= può assumere valori compresi tra 1 e 7 (dove 3 rappresenta le dimensioni standard). È possibile specificare la dimensione assoluta o relativa.
Esempio:
Dimensioni normali
<FONT size=1>Dimensione 1</FONT>
<FONT size=4>Dimensione 4</FONT>
<FONT size=6>Dimensione 6</FONT>


Dimensioni normali
<FONT size=-2>Dimensione 1</FONT>
<FONT size=+1>Dimensione 4</FONT>
<FONT size=+2>Dimensione 6</FONT>



L'attributo face= consente di impostare il tipo di font con cui il testo deve essere visualizzato.
Quando il browser trova una pagina che contiene questo comando, legge la lista di font specificati nell'attributo face= e cerca nel sistema un font con tale nome.
Se lo trova visualizza il testo utilizzando quel font altrimenti prova con il secondo e cosi via. Nel caso in cui non venga trovato nessun font, il testo viene visualizzato con il font standard.
Il problema principale è che non tutti i sistemi usano gli stessi nomi per i font, quindi anche in questo caso il risultato è variabile da sistema a sistema.
Esempio:
<FONT face="Arial, Helvetica"> Arial, Helvetica </FONT>
<FONT face="Utopia, Symbol"> Utopia, Symbol </FONT>


L'attributo color= consente di impostare il colore del testo.
I colori in HTML si possono esprimere tramite un codice esadecimale, che specifica i valori in formato RGB (Red Green Blue), o indicandone il nome (solo con Netscape e Internet Explorer).
Esempio:
<FONT color="#FF0000"> Testo Rosso </FONT>
<FONT color="BLUE"> Testo Blu </FONT>


_________________
lol! Luke è stato qui  bravo ... Alla prossima! Cit.
Tornare in alto Andare in basso
Vedi il profilo dell'utente
28Luke
Amministratore
avatar

Messaggi : 160
Età : 17
Data d'iscrizione : 07.09.13
Località : Ferrara

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 17:30

IMMAGINI...

Nelle pagine Web è possibile inserire immagini in formato GIF o JPEG tramite il commando <IMG>. Questo tag, come pure <HR> e <BR>, non ha il corrispondente tag di chiusura.
L'HTML fornisce una serie di parametri che permettono di impostare la visualizzazione dell'immagine nella pagina.
Il parametro fondamentale è SRC che specifica la directory in cui si trova l'immagine e il nome del file (per l'indicazione del percorso valgono le stesse regole viste per i link).
Esempio:
<IMG SRC="gif/28LUKE.gif">

... E LISTE
L'HTML consente la formattazione di tre diversi tipi di liste.

   Liste non ordinate
   Liste numerate

Ad esempio l'elenco qua sopra è stato realizzato utilizzando il primo tipo.
Ciascuna lista ha un suo tag di apertura e chiusura, e un tag per l'inserimento degli elementi. Il primo serve per specificare che tipo di lista si vuole adottare, il secondo per differenziare tra loro gli elementi della stessa lista.
Le liste non ordinate
I tag di apertura e chiusura della lista sono <UL> e </UL> e ciascun elemento della lista deve essere preceduto dal tag <LI>.
Esempio:
<UL>
<LI>primo elemento
<LI>secondo elemento
<LI>terzo elemento
</UL>


Il simbolo prima di ciascun elemento può essere modificato usando l'attributo TYPE= nel tag di apertura della lista. Le opzioni disponibili per questo attributo sono: "disc" "circle" "square"
Esempio:
<UL TYPE="square">
<LI>primo elemento
<LI>secondo elemento
<LI>terzo elemento
</UL>

Le liste numerate
I tag di apertura e chiusura della lista sono <OL> e </OL> e ciascun elemento della lista deve essere preceduto dal tag <LI>.
Esempio:
<OL>
<LI>primo elemento
<LI>secondo elemento
<LI>terzo elemento
</OL>



In questo tipo di lista è possibile specificare, tramite le opzioni TYPE= e VALUE=, il tipo di numerazione che si vuole adottare e il numero di partenza.

TABELLE
L'HTML fornisce inoltre la possibilità di inserire il titolo della tabella e l'intestazione delle righe e delle colonne.
Il tag per il titolo è <CAPTION> e deve essere inserito subito dopo il tag <TABLE>.
Il tag per le intestazioni è <TH> e deve essere inserito:
nella prima riga se si vuole dare un'intestazione alle colonne;
prima del primo elemento di ogni riga se si vogliono intestare le righe.
Esempi:
<TABLE>
<CAPTION>
Titolo: Intestazione colonne
</CAPTION>
<TR>
<TH>Prima colonna</TH>
<TH>Seconda colonna</TH>
</TR>
<TR>
<TD>(1,1)</TD>
<TD>(1,2)</TD>
</TR>
<TR>
<TD>(2,1)</TD>
<TD>(2,2)</TD>
</TR>
</TABLE>

_________________
lol! Luke è stato qui  bravo ... Alla prossima! Cit.
Tornare in alto Andare in basso
Vedi il profilo dell'utente
28Luke
Amministratore
avatar

Messaggi : 160
Età : 17
Data d'iscrizione : 07.09.13
Località : Ferrara

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 17:35

Bene, io qui ho finito! Spero di essere stato chiaro!  win 

(lo so, all'inizio non ci si capisce niente)

_________________
lol! Luke è stato qui  bravo ... Alla prossima! Cit.
Tornare in alto Andare in basso
Vedi il profilo dell'utente
JLK_perry2000_
Amministratore
avatar

Messaggi : 1650
Età : 17
Data d'iscrizione : 02.06.13
Località : Roma

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 17:38

dovrò leggere tutto perché non so praticamente nulla di HTML. Grazie luke, mi sarà utile Razz

_________________


Peter Parker: Chi sono? Sicuri di volerlo sapere?
La storia della mia vita non è per i deboli di cuore.
Se qualcuno ha detto che era una bella favoletta,
se qualcuno vi ha raccontato che ero solo un tizio normale
senza una preoccupazione al mondo, quel qualcuno ha mentito.
Ma ve l'assicuro: questa, come qualsiasi storia che valga il racconto,
è a proposito di una ragazza. Questa ragazza. La ragazza della porta accanto: Mary Jane Watson.
La donna che ho amato fin da prima di cominciare ad apprezzare le ragazze.
Vorrei potervi dire che sono io quello accanto a lei.
Tornare in alto Andare in basso
Vedi il profilo dell'utente http://oltreconsole.forumitaliano.com
28Luke
Amministratore
avatar

Messaggi : 160
Età : 17
Data d'iscrizione : 07.09.13
Località : Ferrara

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 17:39

JLK_perry2000_ ha scritto:
dovrò leggere tutto perché non so praticamente nulla di HTML. Grazie luke, mi sarà utile Razz
Di niente !

_________________
lol! Luke è stato qui  bravo ... Alla prossima! Cit.
Tornare in alto Andare in basso
Vedi il profilo dell'utente
Edoardo396
Amministratore
avatar

Messaggi : 138
Età : 17
Data d'iscrizione : 23.04.14
Località : Emilia-Romagna

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Dom 27 Apr 2014 - 20:52

Bellissimo, una domanda: quanto tempo ci hai messo a scriverlo tuto??
Tornare in alto Andare in basso
Vedi il profilo dell'utente http://videogamesenergy.net
28Luke
Amministratore
avatar

Messaggi : 160
Età : 17
Data d'iscrizione : 07.09.13
Località : Ferrara

MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   Lun 28 Apr 2014 - 0:00

Piu di mezz'ora, ho modificato una guida esistente

_________________
lol! Luke è stato qui  bravo ... Alla prossima! Cit.
Tornare in alto Andare in basso
Vedi il profilo dell'utente
Contenuto sponsorizzato




MessaggioTitolo: Re: [GUIDA Html: un linguaggio, una pagina, una rete]   

Tornare in alto Andare in basso
 
[GUIDA Html: un linguaggio, una pagina, una rete]
Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto 
Pagina 1 di 1
 Argomenti simili
-
» LE OMBRE NELLA RETE - GUIDA ALL'ESERCITO DEGLI ELDAR OSCURI
» Guida al Bardo
» Guida alla pittura condensata
» Eldar Oscuri-Guida delle Unità
» Come iniziare Guerra dell`Anello (guida)

Permessi di questa sezione del forum:Non puoi rispondere agli argomenti in questo forum
OLTRECONSOLE :: Guide e recensioni-
Andare verso: