Compito di merda numero 1 by @mentolo - Codewith.it

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

Referenze

<thead>Definisce un gruppo di intestazione all'interno di una tabella.
srcIndica la provenienza di una risorsa esterna (tramite URL).
<h6>Titolo di intestazione di sesto livello
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
relServe a definire la relazione tra il documento e una risorsa.
text/plainDefinisce un metodo di non codifica dei valori di un form

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Password validator

5/10/24 es. 5 - consonanti

Heads Or Tails Random Tally

Esercizio sui cicli

Quiz ristrutturazione

Orario 5G A.S. 2024 - 2025

programma base Di lauro

Design, Marketing & AI News

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>
<html lang="it">
  <head>
    <title>Riassuntazzo HTML</title>
    <style>
      legend {
        color:red;
        font-weight:bold;
      }
      
      div {
        text-align:center;
      }
    </style>
  </head>
  <body>
    <h1>Scrivere HTML for dummies</h1>
    <h2 style="color:green">1) Stilizzare il testo con attributi CSS</h2>
    <h1>Questo è un H1</h1>
    <h2>Questo è un H2</h2>
    <h3>Questo è un H3</h3>
    <h4>Questo è un H4</h4>
    <h5>Questo è un H5</h5>
    <h6>Questo è un H6</h6>
    <p>Questo è un paragrafo che racconta di quanto sia mignotta la Morello, con del <b> testo in grassetto </b>, del <i> testo in corsivo </i>, del <u> testo sottolineato </u>, del <s>testo barrato </s>, del testo <sup>in apice </sup>, del testo <sub>in pedice</sub>, del testo <blink> fottutamente lampeggiante anche se il tag "blink" non funziona più </blink>, <br> del testo <marquee> scorrevole se funziona ancora </marquee></p>
    <br>
    <font size="7" style="font-family:courier;">Un testo di grandezza 7 che è il massimo che puoi indicare e font Courier </font>
    <p> Testo non preformattato
      Sono andata a capo </p>
    <p> <pre>Testo preformattato 
Sono andata a capo </pre>
    </p>
    <p>Se clicchi <a href="mailto:indirizzo@posta.it">qui</a> mandi una mail di insulti alla Morello </p>
    <p> Se clicchi <a href="#fine">qui </a>arrivi in fondo alla pagina </p>
    <h2 style="color:green">2) Sfondi</h2>
    <p style="background-color:yellow;">Testo con sfondo giallo</p>
    <p style="background-color:purple; color:white;">Testo bianco con sfondo viola</p>
    <p style="background-color:blue; color:orange;"><tt>Testo arancione con sfondo blu ed effetto macchina da scrivere </tt></p>


    <h2 style="color:green"> 3) Tutti i form</h2>
    <form action="#">
      <fieldset>
        <legend>Scheda paziente</legend>
        <div><img src="https://media.giphy.com/media/112o4nufJ2Nbtm/giphy.gif"/></div>
      <label> Nome <br> <input type="text" name="nome" /> <br></label>
      <label> Cognome <br> <input type="text" name="cognome" /> <br></label>
      <label> Email <br> <input type="email" name="email" required/> <br></label>
      <label> Sesso <br>
        <select>
          <option selected>Scegli</option>
          <option>M</option>
          <option>F</option>
        </select>
        <br>
      </label>
      <label> Professione <br><input type="text" /> </label>
      <br>
      <label > Diagnosi <br><textarea rows=10 cols=50 maxlength=100 placeholder="scrivere la diagnosi"   required></textarea> </label>
      <br>
      <br>
      <label><input name="consenso_privacy" value="accettato" type="checkbox" required/> Consenso al trattamento dei dati, per info <a href="https://www.paziente.it">clicca qui</a></label>
      <br>
      <br>
      <!--Form con checkbox -->
      <h2 style="color:green">4) Form con checkbox</h2>
      <label>Corsi:
        <br>
      <input type="checkbox" name="Cobol" value="on"> Cobol
      <br>
      <input type="checkbox" name="JCL" value="on"> JCL
      <br>
      <input type="checkbox" name="VSAM" value="on"> VSAM
      <br>
      <input type="checkbox" name="DB2" value="on"> DB2
      <br>
      <input type="checkbox" name="CICS" value="on"> CICS
      <br>
      <input type="checkbox" name="IMS" value="on"> IMS 
      <br>
      </label>

      <!--Lista -->
      <h2 style="color:green">5) Liste</h2>
      <h3> Lista ordinata numerata </h3>
      <ol>
        <li>
          <input id="fanculo" name="cardtype" type="radio" value="fanculo">
              <label for="fanculo">Fanculo</label>
        </li>
        <li>
          <input id="materia" name="cardtype" type="radio" value="materia">
              <label for="materia">Materia</label>
        </li>
        <li>
          <input id="dimerda" name="cardtype" type="radio" value="dimerda">
              <label for="dimerda">Di merda</label>
        </li>
      </ol>
      <h3> Lista ordinata con lettere </h3>
      <ol type="a">
        <li>
          <input id="fanculo" name="cardtype" type="radio" value="fanculo">
              <label for="fanculo">Fanculo</label>
        </li>
        <li>
          <input id="materia" name="cardtype" type="radio" value="materia">
              <label for="materia">Materia</label>
        </li>
        <li>
          <input id="dimerda" name="cardtype" type="radio" value="dimerda">
              <label for="dimerda">Di merda</label>
        </li>
      </ol>
      <h3> Lista NON ordinata con pallini pieni</h3>
      <ul>
        <li>
          <input id="visa" name="cardtype" type="radio">
              <label for="visa">VISA</label>
        </li>
        <li>
          <input id="amex" name="cardtype" type="radio">
              <label for="amex">AmEx</label>
        </li>
        <li>
          <input id="mastercard" name="cardtype" type="radio">
              <label for="mastercard">Mastercard</label>
        </li>
      </ul>
      <h3> Lista NON ordinata con quadratini</h3>
      <ul type="square">
        <li>
          <input id="fanculo" name="cardtype" type="radio" value="fanculo">
              <label for="fanculo">Fanculo</label>
        </li>
        <li>
          <input id="materia" name="cardtype" type="radio" value="materia">
              <label for="materia">Materia</label>
        </li>
        <li>
          <input id="dimerda" name="cardtype" type="radio" value="dimerda">
              <label for="dimerda">Di merda</label>
        </li>
      </ul>
      <h3> Lista NON ordinata con pallini vuoti</h3>
      <ul type="circle">
        <li>
          <input id="fanculo" name="cardtype" type="radio" value="fanculo">
              <label for="fanculo">Fanculo</label>
        </li>
        <li>
          <input id="materia" name="cardtype" type="radio" value="materia">
              <label for="materia">Materia</label>
        </li>
        <li>
          <input id="dimerda" name="cardtype" type="radio" value="dimerda">
              <label for="dimerda">Di merda</label>
        </li>
      </ul>
      <!--Caricamento file -->
      <h2 style="color:green">6) Caricamento file</h2>
      <input type="file" name="CI"  id="CI">
      <br>
      <input type="submit" value="Invia i dati"> </input>
      </fieldset>
    </form>
    <h2 style="color:green">7) Salto pagina (link)</h2>

<p style="color:purple">Arrivi <A NAME="fine">qui (salto pagina)</A>
  </body>
</html>