Skip to topic | Skip to bottom
Home

TechWeb17
TechWeb17.SoluzioniHTMLr1.8 - 30 May 2017 - 10:59 - AngeloDiIoriotopic end

Start of topic | Skip to actions

Soluzione esercizi CSS

Quanto indicato qui non Ŕ LA soluzione agli esercizi proposti, ma UNA delle possibili soluzioni.

Chi si sente di condividere una soluzione diversa e ugualmente interessante ce la comunichi e la aggiungeremo a queste. Grazie!

Le soluzioni sono disponibili in un'unica pagina HTML (esercitazione1_soluzioni.html) oppure divise per esercizio in questa pagina.

Nota: per semplicitÓ la struttura completa di una pagina HTML Ŕ mostrata solo per il primo esercizio.

Esercizio 1

 <html>
   <head>
      <meta charset='UTF-8'>
   </head>
   <body>
        <div id="es1" class="esercizio">
            <h1>Esercizio 1</h1>
            <p>Iniziamo a giocare con <i><b>HTML</b></i>. Partiamo da un link alla home di UniBO: <a href="www.unibo.it">www.unibo.it</a>.</p>
        </div>
   </body>
 </html>

Esercizio 2

<div id="es2" class="esercizio">
            <h1>Esercizio 2</h1>
            <p>Conosci queste formule chimiche?</p>
            <ul>
            <li><b>CH<sub>4</sub></b></li>
            <li><b>C<sub>6</sub>H<sub>12</sub>O<sub>6</sub></b></li>
            <li><b>H<sub>2</sub>O</b></li>
            </ul>
        </div>

Esercizio 3

        <div id="es3" class="esercizio">
            <h1>Esercizio 3</h1>
            <p>Cosa hai comprato?</p>
            <ol>
                <li>Pane</li>
                <li>Frutta</li>
                <li>Miele</li>
                <li>Latte</li>
            </ol>
            <p>Ma hai dimenticato:</p>
            <ol start="5">
                <li>Biscotti</li>
                <li>Cioccolata</li>
                <li>Vino</li>
            </ol>
        </div>

Esercizio 4

        <div id="es4" class="esercizio">
            <h1>Esercizio 4</h1>
            <table border='1'  cellpadding="10">
         <caption><i>My Reading List</i></caption>
         <tr>
            <th>Author(s)</th>
            <th>Book Title</th>
            <th>Read?</th>
         </tr>
         <tr>
            <td rowspan="3">Grisham</td>
            <td>The Last Juror</td>
            <td>Yes</td>
         </tr>
         <tr>
   
            <td>A Time to Kill </td>
            <td>No</td>
         </tr>

         <tr>

            <td>Fish Files</td>
            <td>No</td>
         </tr>
         </table>
        </div>

Esercizio 5

    <div id="es5" class="esercizio">
            <h1>Esercizio 5</h1>
            <table border="1" cellpadding="10">
            <tr>
               <td>1</td>
               <td colspan="2">2 and 3</td>
               <td>4</td>
            </tr>
            <tr>
               <td rowspan="3">5, 9 and 13</td>
               <td>6</td>
               <td>7</td>
               <td>8</td>
            </tr>
            <tr>
               <td>10</td>
               <td>11</td>
               <td>12</td>
            </tr>
            <tr>
               <td colspan="3">14, 15 and 16</td>
            </tr>
         </table>
         <p>Gli elementi di HTML per le tabelle:</p>
            <pre>&lt;table&gt;, &lt;tr&gt;, &lt;td&gt;</pre>
        </div>

Esercizio 6

        <div id="es6" class="esercizio">
            <h1>Esercizio 6</h1>
           <h1>Test sulla Scienza:</h1>
            <p>Rispondi alle seguenti domande e clicca su <b>Invia </b>per spedire 
                i risultati. </p>
            <form name="form1" method="post" action="http://www.cs.unibo.it/test.php">
                <ol>
                    <li class="top">Quali tra queste aree di ricerca interessavano Leonardo (possibile 
                        scegliere anche pi&uacute; di una risposta)? 
                        <ol type="a">
                            <li> 
                                <input type="checkbox" name="checkbox" value="matematica">
                                    Matematica</li>
                            <li> 
                                <input type="checkbox" name="checkbox2" value="fisica">
                                    Fisica</li>
                            <li> 
                                <input type="checkbox" name="checkbox3" value="numismatica">
                                    Numismatica</li>
                        </ol>
                    </li>
                    <li>Chi ha inventato il telefono?
                        <select name="telefono" size="1">
                            <option selected>Marconi</option>
                            <option>Meucci</option>
                            <option>Volta</option>
                        </select>
                    </li>
                </ol>
                <input type="submit" name="Submit" value="Invia">
                    <input type="reset" name="Submit2" value="Annulla">
            </form>
        </div>

Esercizio 7


<div id="es7" class="esercizio">
 <h1>Esercizio 7</h1>
   <form>
    <fieldset> 
    <legend>Card details</legend> 
    <fieldset> 
      <legend>Card type</legend> 
      <div class="card-type"> 
          <input id="visa" name="cardtype" type="radio"> 
          <label for="visa">VISA</label> 
          <input id="mastercard" name="cardtype" type="radio">
          <label for="mastercard">Mastercard</label> 
          <input id="amex" name="cardtype" type="radio"> 
          <label for="amex">AMEX</label>
      </div> 
    </fieldset>
    <table border="0">
    <tr> 
    <td>
        <label>Name</label>  
        </td><td>
        <input id="cardName" name="cardName" type="text" placeholder="Card owner" required="">
      
      </td>
    </tr>
    <tr> 
    <td>
        <label>Card number </label>
        </td><td>  
        <input id="cardNo" name="cardNo" type="number" required="" title="The sixteen digit number across the middle of your card."> 
   
      </td>
    </tr>
    <tr> 
    <td>
        <label>Expiry Date </label> 
        </td>
    <td> 
        <input id="expiry" name="expiry" type="month">
      </label>
      </td>
    </tr>
    </table>
  </fieldset>
 </form>
</div>



-- AngeloDiIorio - 10 Apr 2017

  • Set ALLOWTOPICVIEW =
  • Set ALLOWTOPICCHANGE =

to top

You are here: TechWeb17 > SoluzioniHTML

to top

Copyright © Fabio Vitali 2022 Last update of SoluzioniHTML on 30 May 2017 - 10:59 by AngeloDiIorio