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

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

Referenze

acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<video>Integra e controlla video in una pagina HTML
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
maxImposta il valore numerico o temporale massimo per un elemento input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Adobe PDF Shared 4

Generador de Internos

Corrispondenza tra stringhe

Home Page di Cristian Moraru\\

Nuovo sito travel

Turni settimanali tabella

TravelEscape - Esplora il Mondo co

La Vita di Pablo Picasso

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>