- Tag di apertura pagina web:
Codice HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="### qui la descrizione del tuo sito ###">
<meta name="keywords" content="### qui le parole chiave del tuo sito ###">
<link href="style.css" rel="stylesheet" type="text/css"> ### QUESTO SOLO SE ABBIAMO IL LAYOUT CSS COLLEGATO AL SITO ###
<title>### Titolo pagina web ###</title>
</head>
<body>
### i contenuti qui ###
</body>
</html>
Qui sopra abbiamo "le colonne portanti" del nostro codice: serve affinché venga identificato il linguaggio usato e sopratutto usata dai motori di ricerca per indicizzare al meglio il nostro sito...
Per appunti (visibili solo nell'html,utili per i wm);es:
Codice HTML:
<!-- ###ES. INIZIO SCRIPT PHP### -->
<?php SCRIPT PHP
?>
<!-- ###ES. INIZIO SCRIPT PHP### -->
- Link,immagini e video
Per collegare il nostro sito ad un'altra pagina web abbiamo bisogno di un link:
Codice HTML:
<a href=”###QUI IL LINK ALLA PAG ###” alt="### breve descrizione pag web o nome ###">### Quel che vuoi compaia sul link ###</a>
Se vogliamo inserire un'immagine invece,bisogna inserire questo codice html:
Codice HTML:
<img src="### URL IMMAGINE ###"</a>
Per un'immagine linkata:
Codice HTML:
<a href="###QUI IL LINK ALLA PAG ###"alt="### breve descrizione pag web o nome,o dell'img ###"><img src="URL IMMAGINE"</a>
Per inserire un video invece:
Codice HTML:
<object id="MediaPlayer1" width=320 height=240 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" type="application/x-oleobject">
<param name="AutoRewind" value="False">
<param name="Autostart" value="1">
<param name="ShowControls" value="False">
<param name="ShowStatusBar" value="False">
<param name="ControlType" value="1">
<param name="FileName" value="### URL DEL FILE VIDEO ###">
<embed src="### URL DEL FILE VIDEO ###" type="video/x-ms-asf-plugin" pluginspage="http://www.microsoft.com/windows/mediaplayer/download/default.asp" align="middle" autostart="1" showcontrols="0" showstatusbar="False" width="320" height="240"> </embed>
</object>
Non assicuro però,che questo codice funzioni con tutti i browser...
- Formattazione e colore del testo ["#CODICE" va sostituito con il codice esadecimale]
$ Tag di sfondo e colore (da attribuire a "<body>")
Codice HTML:
bgcolor="#CODICE" #colore di sfondo
background="URL SFONDO" #img di sfondo con colore (in attesa di caricamento dell'immagine)
text="#codice" #colore del testo
link="rgb" alink="rgb" vlink="rgb" #colore dei link: link,link attivo,link visitato
$ Grandezza del testo e font:
Codice HTML:
<h1,2,3,4,5,6,7,>Testo ingrandito</1,2,3,4,5,6,7>
<font face="NOME FONT">Testo con altra font</font>
$ Allineamento
Codice HTML:
<p align="left,right,center,justify">Testo allineato</p> #allinea testo: sinistra,destra,centro,giustifica
$ Andare a capo
Codice HTML:
<br/> #per andare a capo
<br/><br/> per saltare una riga
$ Stili
Codice HTML:
<b></b> # grassetto
<i></i> # corsivo
<u></u> # sottolineato
<strike></strike> # sbarrato
<sup></sup> # testo sopra alla linea di scrittura
<sub></sub> # testo sotto alla linea di scrittura
$ Stili senza rendering nel testo
Codice HTML:
<abbr></abbr> # abbreviazione
<acronym></acronym> # acronimo
<address></address> # indirizzi
<blockquote></blockquote> # una parola x riga
<cite></cite> # citazione,il testo appare corsivo
<code></code> # codice di programmazione
<dfn></dfn> # definizione
<em></em> # enfasi
<kbd></kbd> # viene visualizzato come scritto
<q></q> # citazione breve
<samp></samp> # esempio
<strong></strong> # testo rafforzato (grossettino)
<var></var> # variabile
Questi sono tra i tag che più vi serviranno per sviluppare una pagina web,ma sopratutto per iniziare a costruirla.
