STRUTTURA BASE DELLA PAGINA HTML

Dimensione: px

Iniziare la visualizzazioe della pagina:

Download "STRUTTURA BASE DELLA PAGINA HTML"

Angela Pucci
5 anni fa
Visualizzazioni

1 INDICE INDICE... 1 Convenzioni e simboli usati... 1 STRUTTURA BASE DELLA PAGINA HTML... 1 Alcuni dei Principali TAG Html:... 2 Gli attributi dei TAG Html:... 2 ALIGN... 2 attributi del tag <FONT>... 2 Altri TAG Html:... 2 Inserimento immagini... 2 Inserimento Collegamento ipertestuale... 3 Inizio/fine form:... 4 Oggetto per l acquisizione di input:... 4 Pagine ASP: codice VB-script nel codice HTML... 4 Codice vb all interno di HTML... 4 Commento:... 4 Output (Scrittura sulla pagina html) response.write stringa variabile oggetto. Esempi:... 4 InPut (Acquisizione dati DA form html)... 4 Comandi di interazione con il DBMS... 5 Convenzioni e simboli usati Verranno utilizzatele seguenti convenzioni per esprimere la sintassi del linguaggio: N.B. contrariamente alla consuetudine i simboli < e > NON indicano la categoria sintattica descritta al loro interno e quindi devonoessere utilizzati nella sintassi. la categoria sintattica verrà indicata utilizzando il carattere corsivo. ES: <form name = "nome form" action="nome pagina da attivare" method="post"> es: o o nome form indica il nome scelto nome pagina da attivare indica il nome scelto per la pagina <form name = "FormDati" action="visualizza.asp" method="post"> [ ] i costrutti fra parentesi quadre sono opzionali significa oppure, i costrutti separati dal simbolo sono alternativi STRUTTURA BASE DELLA PAGINA HTML <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML>

2 Alcuni dei Principali TAG Html: I "tag" hanno la forma <tag> e solitamente "vanno in coppia" <tag>... </ tag> inizio e fine rispettivamente. <html> e </html> inizio HTML e fine html <head> e </head> intestazione in cui si mette il titolo <title> e </title> (deve trovarsi nell'intestazione) titolo che appare nella finestra del browser <body> e </body> inizio e fine corpo della pagina dove si mette tutto ciò che vogliamo apparirà nel browser <br> oppure </br> a capo NB non và in coppia <b> e </b> inizio e fine "grassetto" <h1> e </h1> o <h2> e </h2> o <h3> e </h3> inizio e fine intestazione 1 o 2 o 3 <p> e </p> inizio e fine paragrafo  commento (inizio e fine) può continuare anche su più righe. Gli attributi dei TAG Html: Gli attributi permettono di specificare le caratteristiche di un tag. Vediamone alcuni: ALIGN Specifica l allineamento align = tipo allineamento utilizzato nei tag come <H1> o <H2> <P> etc left per l'allineamento a sinistra, (allineamento predefinito) center per l'allineamento al centro right per quello a destro justify per l'allineamento giustificato esempio : <H1 align = center > Ciao sono una intestazione allineata al centro </H1> attributi del tag <FONT> specifica varie caratteristiche del font COLOR FACE SIZE = valore Il tag <Font> ha gli attributi COLOR per il colore (blue, red, ) FACE per il tipo di font (Arial, Verdana,...) SIZE per la dimensione (da 1 a 7) esempio : <FONT color = green, SIZE = 5 > esempio di testo in verde </font> Altri TAG Html: Inserimento immagini <img src="percorso Immagine" [alt="testo Alternativo"] [height="valore"] [width="valore"]> img È il nome del tag, abbreviazione di image (immagine) src Sta per source (origine) percorso Immagine specifica l indirizzo (URL) del file di immagine che vogliamo mostrare alt Sta per alternative. testo Alternativo Testo che appare se, per qualche motivo, il client non riesce a mostrare l immagine

3 esempio: <IMG src=" alt="mia Immagine"> Inserimento Collegamento ipertestuale <a href="indirizzo risorsa">testo che appare</a> oppure <a href="indirizzo risorsa">specifica immagine</a> Indirizzo risorsa e l indirizzo (locale o esterno al sito) della risorsa collegata testo che appare testo visualizzato specifica immagine tag IMG precedente Esempio: <a href="approfondimento.html">approffondisci</a> <A HREF = " > <IMG SRC = "piantagione.jpg" > </A>

4 Form per input dati I form creazione moduli e acquisizione input. Inizio/fine form: <form name = "nome form" action="nome pagina da attivare" method="post"> </form> name specifica il nome del form (puo essere omesso) action specifica la pag. (solitamente ASP) da attivare e che riceverà e elaborerà i dati raccolti nel form. metod specifica la modalità di passaggio dei dati: post o get (useremo solo post) Oggetto per l acquisizione di input: <input type="tipo oggetto" name="nome" size="misura" value = testo mostrato > type specifica il tipo di input (obbligatorio) può essere: o text permette di acquisire testo (e numeri) o submit permette di attivare la action name specifica il nome della casella (obbligatorio) size specifica la larghezza (non obbligatorio) value specifica il testo che apparirà nella casella se tipo è input o nel pulsante se tipo è Submit() Esempio: <form action="saluti.asp" method="post"> <input type="text" name="cogn" size="20" > <input type="submit" name="esegui" value="esegui"> Pagine ASP: codice VB-script nel codice HTML Codice vb all interno di HTML il codice deve essere racchiuso fra i tag speciali <% e %> e può svilupparsi anche su più righe. Commento: <html>. <%... codice VB-Script... %> </html> inizia con il singolo apice ' (come in visual basic) e NON continua sulla riga successiva (bisogna iniziare un altro commento cioè apice ') Output (Scrittura sulla pagina html) response.write stringa variabile oggetto. Esempi: o response.write Ciao Mondo o response.write Totale (dove Totale è una variabile) o response.write RecAlunni( Matricola ) (dove RecAlunni è un ogetto di tipo recordset) InPut (Acquisizione dati DA form html) o Request.Form("nome oggetto input della form html")

5 o nome_variabile = Request.Form("nome oggetto input della form html "). Es. T_Voto = Request.Form("tipovoto") Comandi di interazione con il DBMS In questa sezione presupponiamo di aver fatto le dichiarazioni: Dim Conn nome della connessione Dim Rs nome del recordset Creazione della connessione Set Conn = Server.CreateObject("ADODB.Connection") Creazione del RecordSet Set Rs = Server.CreateObject( ADODB.Recordset") Apertura della connessione Conn.Open Provider= ; Data Source= Apertura del RecordSet Rs.open specifica SQL, Conn Dove specifica SQL può essere: SELECT. FROM Nome di una tabella Nome di una Vista logica (Query in Access) Posizionamento nel recordset Rs.MoveFirst primo record Rs. MoveLast ultimo record Rs.MoveNext successivo record Selezione di un campo del RecordSet Rs( NomeCampo ) Esecuzione comando DML Conn.Execute specifica SQL Dove specifica SQL può essere un comando DDL o DML: INSERT INTO CREATE TABLE UPDATE

Documenti analoghi

HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte

HTML Guida base. Guida grafica essenziale all Hyper Text Markup Language I parte HTML Guida base Guida grafica essenziale all Hyper Text Markup Language I parte In questa breve guida imparerai come è fatta la struttura della pagina HTML impostare il titolo della pagina impostare lo