Difference between revisions of "HTML:HTML in Tips"
From Aino Wiki
(→Div) |
(No difference)
|
Latest revision as of 10:47, 4 January 2026
TAG
Seguono tips per TAGS
Body
Cambiare il colore dello sfondo <body bgcolor="#E6E6FA" >:
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8" /> <title>HTML:HTML in Tips - Aino Wiki</title> <script type="text/javascript"></script> <style type="text/css"></style> <link href="StileDellaPagina.css" rel="stylesheet" /> </head > <meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> <body bgcolor="#E6E6FA" > <h1 > Hello world!</h1 > <br /> <p > <a href="http://www.w3schools.com" > Visit W3Schools.com!</a > </p > </body > </html >
Div
<!DOCTYPE html> <html> <body bgcolor="#E6E6FA" > <div style="float:right; padding: 15px; width: 500px;"> DIV1 collocato a destra + bordo di 15px su tutti i lati + larghezza fissa a 500px </div > <div style="float:right; padding: 15px; width: 100%;"> DIV2 collocato a destra + bordo di 15px su tutti i lati + larghezza dinamica del 100% </div > </body > </html >
Altro esempio 1:
<div style="width:100%;"> <div style="width:50px; float: left;"><img src="myleftimage" /></div> <div style="width:50px; float: right;"><img src="myrightimage" /></div> <div style="display:block; margin-left:auto; margin-right: auto;">Content Goes Here</div> </div>
Altro esempio 2:
<div style="width:100%; border:2px solid #dadada;"> <div style="width:50px; float: left;"><img src="myleftimage" /></div> <div style="width:50px; float: right;"><img src="myrightimage" /></div> <div style="display:block; margin-left:auto; margin-right: auto;">Content Goes Here</div> <div style="clear:both"></div> </div>
Elenchi puntati e numerati
Approfondimento quiç w3schools.com
L'elenco non ordinato (unordered list):
<ul> <li>primo elemento</li> <li>secondo elemento</li> <li>terzo elemento</li> </ul>
L'elenco ordinato (ordered list):
<ol> <li>Uno</li> <li>Due</li> <li>Tre</li> </ol>
Cambi di stile
Per nascondere i puntini di un Unorderd list:
ul { list-style-type: none; }
