PCTO
Percorsi per le competenze trasversali e per l'orientamento
4CSIA

MANUALE HTML

Posted by sebaocchi
CHE COS’È L’HTML?
Il linguaggio HTML è il linguaggio utilizzato per la costruzione di pagine internet. HTML è l’acronimo inglese di “Hyper Text Markup Language”: questa espressione inglese può essere tradotta come “Linguaggio a marcatori per ipertesti”. L’HTML non è un linguaggio di programmazione, ma un linguaggio di markup, ovvero delle ‘regole’ che indicano come disporre gli elementi all’interno di una pagina, serve a creare e dare uno stile alle pagine internet;
 
Posted by sebaocchi
COM’È STRUTTURATO?

Una pagina HTML ha sempre almeno 3 elementi. Ovvero, il tag “html” in apertura e, al suo interno, altri due tag, “head” e “body“.

Quindi, la struttura di base è una cosa molto simile a questa:

<html>

<head>

<title>Titolo della pagina</title>

</head>

<body>

<p>Ciao Mondo</p>

</body>

</html>

Posted by sebaocchi

I NUOVI ELEMENTI SEMANTICI DELL’HTML5 SONO:

 
Posted by sebaocchi

I VARI TAG

Posted by sebaocchi
TABELLA
Creare una tabella o un grafico richiede l'utilizzo di parecchi tag differenti. Prova a giocare un po' con questi tag oppure utilizza la seguente guida per imparare in modo dettagliato come creare una tabella in HTML.
· Parti utilizzando il tag che racchiude l'intera struttura della tabella:<table></table>
· Utilizza il seguente tag per descrivere le singole righe che formano la tabella:<tr>
· Per inserire la riga di intestazione di una tabella utilizza il tag:<th>
· Per descrivere le celle delle righe successive utilizza il seguente tag: <td>
Posted by kevinsaladino
LINK

Puoi riconoscere un link su una pagina web, perchè ha un colore diverso rispetto al testo e al passaggio del mouse,

se guardi sotto a sinistra nel browser ti indica che ti sta indirizzando verso un altra pagina web.

Il link è un collegamento che oltre ad essere visibile come testo o parole, puo essere un immagine, un pulsante o qualsiasi

tipo di elemento grafico. l codice html per creare il link e l'attributo

<a href="/pagina che vuoi linkare" Target="*come vogliamo che si apra la pagina*" title="*titolo che vogliamo dare al link*"> link alla pagina </a >., è l’anchor text,

cioe l’elemento testuale che informa l' utente sull' argomento che troverà nella pagina nuova cliccando sul link.

Posted by kevinsaladino

CREANO LE LISTE

Utilizza il seguente codice per creare un elenco puntato:

• <ul><li>Primo elemento</li><li>Secondo elemento</li><li>Terzo elemento</li></ul>

Posted by kevinsaladino
CSS
Stilizziamo le nostre pagine web
il CSS indica come gli elementi HTML devono essere visualizzati sullo schermo. In generale possiamo dire che: L’HTML descrive il contenuto delle pagine web Il CSS descrive il loro stile. È possibile inserire codice CSS direttamente all’interno del file HTML, tuttavia è più indicato utilizzare un file a parte, con estensione .css Il “foglio di stile”, ovvero il file css, consiste in un insieme di regole. Ogni regola è formata da una selettore e un declaration block. Il selettore indica l’elemento HTML che vogliamo stilizzare.
Il blocco delle dichiarazioni contiene una o più dichiarazione separate da ‘ ; ‘
Ogni dichiarazione include una proprietà e un valore, separate da ‘ : ‘
Il blocco di dichiarazione è contenuto tra parentesi graffe.
Utilizziamo i selettori per “trovare” gli elementi che vogliamo stilizzare all’interno della pagina. Esistono varie tipologie di selettori, inizieremo con le più semplici:
● Selettore di elementi
● Selettore di ID
● Selettore di Classe
Questo tipo di selettore seleziona tutti gli elementi, basandosi sul loro nome
Posted by sebaocchi
 
Posted by sebaocchi