Pagina html di prova by @elvira172561 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<h6>Titolo di intestazione di sesto livello
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
formmethodDefinisce il metodo di invio dei dati oltre a method
_selfApre collegamenti ipertestuali nella stessa pagina del browser
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

DEMO: Hi-Lo Game

Hänsel e Gretel

Scheda Tecnica Honor Magic 6 Pro

Aurion Agency | Digital Alchemy

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
  <head>
    <title>
      La mia prima pagina html
    </title>
  </head>
  <body>
   <font face="helvetica" color="#0A1A33"> 
    <h1>
     <font color="#DB4128">
      Titolo della pagina
     </font>
    </h1>
    Questo è il mio primo documento html, ora proverò qualcosa
    <h2> <font color="#18417F">
      Prima sezione
    </font> </h2>
    <p>
      Questo è testo del primo paragrafgo, proverò a scrivere qualche riga per vedere come viene fuori questo documento, wow che bello!
    </p>
    <p>
      Questo è il secondo paragrafo, vediamo come viene
    </p>
    <h2> <font color="#18417F">
      Seconda sezione
    </font> </h2>
    <h3>
      Sotto-sezione 1
    </h3>
    <p>
      Paragrafo dove scrivo qualcosa in <strong> grassetto </strong> e qualcosa <strike> barrato </strike>
    </p>
    <h3>
      Sotto-sezione 2
    </h3>
    <p>
      <em>
      Paragrafo dove scrivo tutto in corsivo e qualcosa <u> sottolineato </u>
      </em>
    </p>
    <h2> <font color="#18417F">
      Terza sezione
    </font> </h2>
    <p>
      Inserisco un link cliccabile <a href="https://www.basketspresianomaserada.it/" target="_blank"> qui </a>
    </p>
    <h2> <font color="#18417F">
      Quarta sezione
    </font> </h2>
    <p>
      Faccio un elenco non numerato:
      <ul type="disc">
        <li> cane </li>
        <li> gatto </li>
        <li> lupo </li>
      </ul>
    </p>
    <p>
      E ora un elenco numerato:
      <ol type="1">
        <li> nero </li>
        <li> blu </li>
        <li> giallo </li>
      </ol>
    </p>
    <h2> <font color="#18417F">
      Quinta sezione
    </font> </h2>
    <p>
      Creo un glossario:
      <dl>
        <dt> Parola 1 </dt>
          <dd> <em> Definizione della parola 1 </em> </dd> <br/>
        <dt> Parola 2 </dt>
          <dd> <em> Definizione della parola 2 </em> </dd>  
      </dl>
    </p>
    <h2> <font color="#18417F">
      Sesta sezione
    </font> </h2>
    <div align="center">
    <img src="https://lh3.googleusercontent.com/CUaRuA-QblVeTHXnX9a6KIy_oOv__Tb_0kzDzV5ErYbFC99Q7FxGbV491O6zpbfPFv47O_Jx4FCjYpkvov-wDR7iA1qn3jncrZ8" width="50%" align="middle"/>
    </div>
    <p>
      Che bella immagine!
    </p>
    <h2> <font color="#18417F">
      Settima sezione
    </font> </h2>
    <p>
      Inserisco una tabella:
    </p>
    <table border="2" rules="all" align="left" align="middle" cellpadding="7" width="70%">
      <tr align="middle">
       <thead> 
        <th> Lunedì </th>
        <th> Martedì </th>
        <th> Mercoledì </th>
        <th> Giovedì </th>
        <th> Venerdì </th>
       </thead> 
      </tr>
      <tr align="middle">
        <td align="middle"> Under 13 </td>
        <td align="middle"> Under 14 </td>
        <td align="middle"> Under 15 </td>
        <td align="middle"> Under 17 </td>
        <td align="middle"> Under 19 </td>
      </tr>
      <tr align="middle">
        <td align="middle"> Under 19 </td>
        <td align="middle"> Under 17 </td>
        <td align="middle"> Under 15 </td>
        <td align="middle"> Under 14 </td>
        <td align="middle"> Under 13 </td>
      </tr>
    </table>
    <br/> <br/> <br/> <br/> <br/> <br/>
    <h2> <font color="#18417F">
      Ottava sezione
    </font> </h2>
    <p>
      Inserisco una tabella con immagini:
    </p>
    <table border="2" rules="none" frame="hsides" cellpadding="7" width="150">
      <tr>
       <td align="left"> 
        <img src="https://lh3.googleusercontent.com/CUaRuA-QblVeTHXnX9a6KIy_oOv__Tb_0kzDzV5ErYbFC99Q7FxGbV491O6zpbfPFv47O_Jx4FCjYpkvov-wDR7iA1qn3jncrZ8" alt="Filippo" width="150"/>
       </td>
       <td align="middle">
        Playmaker
        <ol type="1">
        <li> veloce </li>
        <li> basso </li>
        <li> forte </li>
        </ol>
       </td>
       <td align="middle"> <strong> 2009 </td>
      </tr>
      <tr>
       <td align="left">
        <img src="https://lh3.googleusercontent.com/CUaRuA-QblVeTHXnX9a6KIy_oOv__Tb_0kzDzV5ErYbFC99Q7FxGbV491O6zpbfPFv47O_Jx4FCjYpkvov-wDR7iA1qn3jncrZ8" alt="Riccardo" width="150"/>
       </td>
       <td align="middle"> Guardia </td>
       <td align="middle"> <strong> 2010 </td>
      </tr>
      <tr>
       <td align="left"> 
        <img src="https://lh3.googleusercontent.com/CUaRuA-QblVeTHXnX9a6KIy_oOv__Tb_0kzDzV5ErYbFC99Q7FxGbV491O6zpbfPFv47O_Jx4FCjYpkvov-wDR7iA1qn3jncrZ8" alt="Arturo" width="150"/>
       </td>
       <td align="middle"> Centro </td>
       <td align="middle"> <strong> 2008 </td>
      </tr>
   </font> 
  </body>