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

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

References

maxImposta il valore numerico o temporale massimo per un elemento input
<video>Integra e controlla video in una pagina HTML
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
langSpecifica la lingua del contenuto di un elemento
relServe a definire la relazione tra il documento e una risorsa.
<hr>Inserisce una linea orizzontale

Users

Log in to search for users

Explore

Find inspiration

Young Corporate Lawyer - Experienc

Blocco visualizzazione PC

Gesù nostro signore(2)

Heads Or Tails Random Tally

Heads Or Tails Random Tally

Formattazione testo

Costruzione di tabella con html5

pag. 2 progetto inf

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!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>