Inizio pagina
<!DOCTYPE html>
<html lang=”it”>
<head>
<title>Riassuntazzo HTML</title>
<style>
legend {
color:red;
font-weight:bold;
}
div {
text-align:center;
}
</style>
</head>
<body>
Intestazioni
<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>
Stilizzazioni testo
<p>Questo è un paragrafo che spiega come si stilizza un testo dentro un documento HTML, 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>
Link mail e link interno
<p>Se clicchi <a href=”mailto:[email protected]”>qui</a> mandi una mail di insulti alla prof </p>
<p> Se clicchi <a href=”#fine”>qui </a>arrivi in fondo alla pagina </p>
Sfondi
<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>
Form
<form method=”post” action=”mailto:[email protected]” enctype=”text/plain”>
<fieldset>
Titolo nel bordo
<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> Contatore <br> <input type=”number” name=”number” style=”width:50px”/> <br></label>
<label> Sesso <br>
Selezione a tendina
<select>
<option selected>Scegli</option>
<option>M</option>
<option>F</option>
</select>
<br>
</label>
<label> Professione <br><input type=”text” /> </label>
<br>
Text area
<label > Diagnosi <br><textarea rows=10 cols=50 maxlength=100 placeholder=”scrivere la diagnosi” required></textarea> </label>
<br>
<br>
Link esterno
<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
<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>
Liste
Lista ordinata numerata
<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>
Lista ordinata con lettere
<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>
Lista NON ordinata con pallini pieni
<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>
Lista NON ordinata con quadratini
<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>
Lista NON ordinata con pallini vuoti
<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>
Salto pagina
<p style=”color:purple”>Arrivi <A NAME=”fine”>qui (salto pagina)</A>
Tabelle
<h2 style=”color:green”> 8) Tabelle </h2>
<table style=”border:1 solid OPPURE double OPPURE dotted OPPURE dashed”; cellpadding=”8″ cellspacing=”1″>
<caption> Gli studenti della facoltà </caption>
<tr>
<th colspan=”5″ style=”border:3px; color:white;background-color:grey;”>Riga</th>
</tr>
<tr style=”background-color:yellow;”>
<th style=”width:200;”> NOME STUDENTE </th>
<th style=”width:120;”>MATRICOLA</th>
<th style=”width:150;”> FACOLTA'</th>
<th style=”background-color:orange;width:250;”> NAZIONE PROVENIENZA</th>
<th>ESAMI DATI</th>
</tr>
<tr style=”text-align:center”>
<td rowspan=”3″ nowrap> Cella il cui contenuto non va a capo </td>
<td> 51447 </td>
<td rowspan=”3″> CHIMICA </td>
<td> OLANDA </td>
<td style=”background-color:lightblue”;> 5 </td>
</tr>
<tr style=”text-align:center”>
<td>Uno</td>
</tr>
<tr style=”text-align:center”>
<td>Due</td>
</tr>
<tfoot>
<tr>
<td><b> A.A 2023-2024</b> </td>
<td><b> Studenti </b> </td>
<td colspan=”3″ style=”text-align:center;color:red;background-color:lightgreen”; ><b> 123.458</b> </td>
</tr>
</tfoot>
</body>
</html>