Lezioni di Informatica ITIS: luglio 2015

giovedì 23 luglio 2015

HTML - elenchi

In HTML esistono due tipi di elenchi:

- elenchi ordinati
- elenchi non ordinati

ELENCHI ORDINATI

Gli elenchi ordinati sono contraddistinti dal tag <ol>.
Ecco un esempio:

<ol>
<li>Matematica</li>
<li>Italiano</li>
<li>Storia</li>
<li>Scienze</li>
</ol>

Il risultato sarà il seguente:

Matematica
Italiano
Storia
Scienze

ELENCHI NON ORDINATI

Gli elenchi non ordinati sono contraddistinti dal tag <ul>.
Ecco un esempio:

<ul>
<li>Matematica</li>
<li>Italiano</li>
<li>Storia</li>
<li>Scienze</li>
</ul>

Il risultato sarà il seguente:

Matematica
Italiano
Storia
Scienze

Gli elenchi ordinati, oltre ai numeri arabi, possono essere indicati da altri simboli:

<ol type="A">
<li>Matematica</li>
<li>Italiano</li>
<li>Storia</li>
<li>Scienze</li>
</ol>

il cui risultato sarà:

Matematica
Italiano
Storia
Scienze

<ol type="a">
<li>Matematica</li>
<li>Italiano</li>
<li>Storia</li>
<li>Scienze</li>
</ol>

il cui risultato sarà:

Matematica
Italiano
Storia
Scienze

<ol type="I">
<li>Matematica</li>
<li>Italiano</li>
<li>Storia</li>
<li>Scienze</li>
</ol>

il cui risultato sarà:

Matematica
Italiano
Storia
Scienze

<ol type="i">
<li>Matematica</li>
<li>Italiano</li>
<li>Storia</li>
<li>Scienze</li>
</ol>

il cui risultato sarà:

Matematica
Italiano
Storia
Scienze

martedì 21 luglio 2015

I primi tag HTML

Per creare le pagine web occorre un EDITOR (per Windows è il "blocco note"), che scrive in codice ASCII.

WORD non è un editor ma un word processor.

Una pagina web contiene di base i seguenti tag:

<html>

<head>
<title> Pag. 1 </title>
</head>

<body>
<center> Ciao </center>
</body>

</html>

<title> ---> titolo nel browser

<body> ---> contenuto visibile della pagina (testo)

TITOLI

I titoli vengono indicati con i tag che vanno da <h1> ad <h6> secondo del livello di importanza. Nel browser appaiono in grassetto e maiuscolo. L'<h1> ha il carattere più grande e man mano che si diminuisce di numero assumono una dimensione più piccola.

A CAPO

Per andare a capo forzatamente si utilizzata il tag <br>.

RIGA

Inserendo il tag <hr> si ottiene una riga che occupa tutta la pagina.

Che cos'è l'HTML

L'HTML è un linguaggio per il web.

Sistemista --> si occupa di RETI

Informatico gestionale --> si occupa di SITI WEB

I SITI sono ipertesti.

IPERTESTO = un insieme di file collegati tra loro in una struttura logica che permette una consultazione "a salti" decisa dal lettore.

TESTO = lettura sequenziale.

http://www.miosito.com ---> indirizzo di un sito

http = schema (tipo di servizio internet)
www = host
miosito = nome dominio
.com = estensione

LINGUAGGIO = un insieme di regole e parole con una sintassi

HTML è un linguaggio web detto anche "linguaggio tipografico". E' costituito da TAG, che delimitano una zona di testo.

Tra il linguaggio HTML e il linguaggio macchina esiste un TRADUTTORE che interpreta l'HTML.
Il BROWSER ha un traduttore che traduce in binario per la CPU, che trasferisce a sua volta la richiesta ottenendo un effetto sullo schermo.

Non tutti i BROWSER sono in grado di interpretare tutti i TAG.

LAYOUT = forma della pagina

HTML 4 = supporta alcuni tag senza chiusura

HTML 5 = tutti i tag devono avere una chiusura

L'HTML 5 comprende parte dell'HTML 4. Il resto è obsoleto.

Lezioni di Informatica ITIS