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

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

References

<object>Incorpora risorse varie nella pagina web.
Inserisce un commento nel codice
<select>Usato per creare un menu a tendina.
hreflangConsente di dichiarare la lingua del documento collegato.
<abbr>Inserisce abbreviazioni e acronimi
<em>Formatta il testo in corsivo/italico enfatizzato

Users

Log in to search for users

Explore

Find inspiration

Ufficio FSL [Immagine Toastmaster]

Design & Comunicazione Digitale ??

copia di follow

terne pitagoriche

altro esercizio tabella

LB Campodarsego(2)(2)(2)

Esercizio 2 - 27/11

esercitazione 1

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>