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

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

Referenze

preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
methodDetermina il metodo di invio dei dati di un form al server
formSpecifica a quale form appartiene un elemento.
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
multipleConverte in lista a selezione multipla
<table>Tag primario per la creazione di tabelle

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Gesù nostro signore(2)

Quiz ristrutturazione

Tabella con ricerca

La storia dell\\\\

4395-Indovina numero mio

Esercizio 2 JS Bootstrap e jQuery

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>