Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Selettori HTML e stili css

Stili CSS in linea e incorporati con l'uso dei selettori
by

Andrea Facchinelli

on 8 October 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Selettori HTML e stili css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>I selettori (o marcatori) dell'HTML</title>
</head>

<body>
L'HTML è un linguaggio di marcatura. I marcatori si chiamano anche TAG o SELETTORI

<h1>Titolo di primo livello [h1]</h1>
<h2>Titolo di secondo livello [h2]</h2>
<h3>Titolo di terzo livello [h3]</h3>
<h4>Titolo di quarto livello [h4]</h4>
<h5>Titolo di quinto livello [h5]</h5>
<h6>Titolo di sesto livello [h6]</h6>

<div>
<ul>
<li>Lista non ordinata</li>
<li>Lista non ordinata</li>
<li>Lista non ordinata</li>
</ul>
<ol>
<li>Lista ordinata</li>
<li>Lista ordinata</li>
<li>Lista ordinata</li>
</ol>
</div>

<div>
<p>Questo è un paragrafo</p>
<p><strong>Una parte di paragrafo grassetto...</strong> <span>...una parte span...</span> … ed una parte finale non marcata.</p>
</div>

<br />

<a href="index.html">Torna all'indice</a>
</body>

</html> CODICE HTML VISUALIZZAZIONE DI DEFAULT su BROWSER COME VOGLIAMO
FARLO DIVENTARE <h2 style="color:#FF0000; font-size:40px; width:400px;">
Formattazione testo</h2> <h3 style="color:#00FF00; border:2px dotted #999999; padding-bottom:15px; text-align:right;">
...e disposizione elementi di pagina</h3> <h4 style="font-size:0.8em; text-decoration:underline; text-transform:uppercase; font-family:Courier New, Courier, monospace;">
font, dimensione, sottolineatura e maiuscoletto</h4>
<li><a href="home.html">Home</a></li>
<li><a href="chisiamo.html">Chi siamo</a></li>
<li><a href="contatti.html">Dove siamo</a></li>
<div style=" border:2px
dashed #999999; width:300px;">
<div style=" border:2px dashed #999999; width:500px;">
<p><strong>In questo riquadro abbiamo il contenuto principale.</strong>
Questa pagina comincia ad assumere un aspetto più simile
ad una vera pagina WEB... </p>
<p><strong>Questo è un paragrafo.</strong>
<span style="background-color:#FFFF00;" >
...c'è ancora molto lavoro da fare, ma siamo a buon punto :)</span>
BUON PROSEGUIMENTO!</p>
<hr />
<div style=" border:2px dashed #999999; background-color:#66FF99;">
<a style="text-align:center; font-size:2em; font-weight:bold;
color:white; display:block; margin:15px;" href="http://www.nasa.gov/">
visita la home page della NASA</a>
</div>
<body style="margin:auto; width:900px;">
<div style="background-color:#FFCC33; height:110px;">
<img style="position:relative; top:20px;" src="nasa-logo.gif" />
<h2 style=" padding:0px; display:inline; color:#FF0000; font-size:40px; width:400px;">Formattazione testo</h2>
</div>
<div style=" border:2px dashed #999999; width:300px; float:left">
<div style=" border:2px dashed #999999; width:500px; float:right">
<img style="display:block; margin:auto;" src="curiosity.jpg" />
<div style=" border:2px dashed #999999; clear:both; background-color:#66FF99;">
Lo faremo con gli stili in linea
Full transcript