~ .Absolute.Avalon.World. ~ »GdR/Graphic Design/Style/Contests«

Reply
HTML [1]
view post Posted on 9/7/2009, 10:54Quote
Avatar


Group: AvalonModS
Posts: 3819
Location: Dalla casa di Brian Johnson v.v


Status: Offline: ultima azione eseguita il 4/12/2009, 10:40


Benvenuti nella sezione Tutorial. Oggi parliamo dell'HTML.

I tag dell'HTML sono formati da < > e ad ogni apertura del tag deve corrispondere una chiusura.

Partendo dai "comandi" più semplici :

STRONG: serve per evidenziare le parole in grassetto. Prima si usava "<b>" però adesso è obsoleto.

CODICE
<strong>Ciao!</strong>


I: La I viene usata per l'ITALICO o corsivo.
Hola
CODICE
<i>Hola</i>


U: U sta per UNDERLINE e quindi il sottolineato
hola
CODICE
<u>hola</u>


S: sta per barrato, ovvero barrare una parola.
hola
CODICE
<s>hola</s>


CITE : usato per la citazione.
Ciao
CODICE
<cite>Ciao</cite>



Adesso passiamo ai principali comandi dello 'spazio' e per andare a capo:



BR: : il "br" lo si usa per andare a capo , funzione simile all' INVIO della nostra tastiera. Più BR mettiamo e più spazio creiamo.

CiaoUhm..
CODICE
<br>Ciao</br>Uhm..


P: la P è il paragrafo e anche questo manda a capo ma lascia uno spazio sopra e uno spazio sotto.

ciaoooooooooo

yeppa!!!


CODICE
<p>ciaoooooooooo</p><p>yeppa!!!</p>


DIV : Il blocco di testo va a capo, ma - a differenza del paragrafo - non lascia spazi prima e dopo la sua apertura.
Blocco di testo 1

Blocco di testo 2

CODICE
<div>Blocco di testo 1</div>
<div>Blocco di testo 2</div>


SPAN: Lo "span" è un contenitore generico che può essere annidato (ad esempio) all'interno dei "div". Si tratta di un elemento inline, che cioè non va a capo e continua sulla stessa linea del tag che lo include.

blaa 1!!! urcaaaaaa 2
CODICE
<span>blaa 1</span><span>urcaaaaaa 2</span>




Usare e scegliere i FONT:
I font sono i tipi di carattere da usare.
testo in Arial
CODICE
<font face="Arial">testo in Arial</font>

testo in Geneva
CODICE
<font face="Geneva">testo in Geneva</font>

testo in hackers
CODICE
<font face="hackers">testo in hackers</font>


Colori del testo:
testo blu
CODICE
<font color="blue">testo blu</font>

I'm a devil!
CODICE
<font color="red">I'm a devil!</font>



Adesso parliamo della TABELLA :
Prima di tutto i comandi WIDTH e HEIGHT sono rispettivamente la larghezza e l'altezza. Le misure dell'altezza e della larghezza di una tabella si possono modificare a nostro piacimento.
Per creare una tabella si parte dal comando TABLE

TR: "table row" indica l'apertura di una riga.
TD: “table data”: indica una cella all’interno di una riga.

prima cellaseconda cella

CODICE
<table border="1">
<tr>
      <td>prima cella</td>
      <td>seconda cella</td>
  </tr>
</table>


prima cellaseconda cella
terza cellaquarta cella


CODICE
<table border="1">
   <tr>
      <td>prima cella</td>
      <td>seconda cella</td>
  </tr>

  <tr>
     <td>terza cella</td>
     <td>quarta cella</td>
  </tr>
</table>


La prima lezione termina qua. Nella lezione 2° introdurrò i LINK, l'inserimento di immagini , la struttura di una pagina HTML....



Guida by •.Aruhi.•

Edited by Sargon Xavier - 9/7/2009, 12:34

Avalon.Avalon.Avalon.

image

image

«My DeviantArt»
• Forum che frequento •

image
image [

LIGA : <<questo paese non è di chi lo governa, ma di chi lo abita.>>

image
image image image
 
P_MSG P_EMAIL Top
view post Posted on 22/7/2009, 09:40Quote
Avatar

Fiera di Saltellare Caprescamente U.U

Group: AvalonAdminS
Posts: 10716
Location: near the "endless" river


Status: Offline: ultima azione eseguita il 3/12/2009, 19:35


bella!! *-* è molto utile Già!
*tra l'altro quando ho dei dubbi x qualcosa passo di qui e...puff xD i dubbi se ne vanno!*

Grazie millissime! non vedo l'ora di vedere la seconda parte! *-*

béH.
[Avatar & Firma by Sargyno.//BéH & BD by Pinka + Aruhi.]
image



image

image

image image

image
image


image image image

image
 
P_MSG P_WEBSITE Top
view post Posted on 22/7/2009, 18:47Quote
Avatar


Group: AvalonModS
Posts: 3819
Location: Dalla casa di Brian Johnson v.v


Status: Offline: ultima azione eseguita il 4/12/2009, 10:40


Sono preoccupata del fatto che ti sia utile, perche significa che hai usato sta roba :roft: se fai danni io non ho responsabilità :prr1: :prr1:


Comunque domani introduco la seconda parte !

Avalon.Avalon.Avalon.

image

image

«My DeviantArt»
• Forum che frequento •

image
image [

LIGA : <<questo paese non è di chi lo governa, ma di chi lo abita.>>

image
image image image
 
P_MSG P_EMAIL Top
view post Posted on 23/7/2009, 10:03Quote
Avatar

Fiera di Saltellare Caprescamente U.U

Group: AvalonAdminS
Posts: 10716
Location: near the "endless" river


Status: Offline: ultima azione eseguita il 3/12/2009, 19:35


xDDD bwahwahwah...

béH.
[Avatar & Firma by Sargyno.//BéH & BD by Pinka + Aruhi.]
image



image

image

image image

image
image


image image image

image
 
P_MSG P_WEBSITE Top
3 replies since 9/7/2009, 10:54
 
Reply

load
Fast reply

 
 
 

Enable emoticons
Clickable Smilies
Show All


Nickname:      Email:



 

 
 




...Nostri Affiliati...
My Wardrobe Forum ...lmc... CinemaBizarre on FC Edward So Sexy Image and video hosting by TinyPic Photo Sharing and Video Hosting at Photobucket » Shugo Chara Italia ~ The Official First Forum Fantasynight Image and video hosting by TinyPic Shine Fantasy Forum Retouch Contest lilium graphic forum //PC Image and video hosting by TinyPic Image and video hosting by TinyPic Ali-grafica Colour Expressions l'Arte nelle Parole My Passion Graphic Forum Image and video hosting by TinyPic
 


CONTESTS FORUM & LOTTERIE DOVE PARTECIPIAMO! (Ci Proviamo Anche Noi, DAI! xD )
Lotteria 8# edizione

 


Our AWARDS//Perchè NOI Siamo Vincenti U___U
Image and video hosting by TinyPic Janet Jackson 1° Lottery

 




Skin by ~ i r i s. Pubblicata su » Your Graphic Soul. Pattern by [x]



Image and video hosting by TinyPic



Registra il tuo sito nei motori di ricerca