graficaindipendente/HTML.md

## HTML.md

      
    Raw
  

              HTML.md
            
          
    Inserire gli Spazi in HTML

Uno spazio vuoto &nbsp;
Alternativa di uno spazio vuoto &#160;
Due spazi vuoti &ensp;
Quattro spazi vuoti &emsp;
Indenta il testo&nbsp;&nbsp;&nbsp;&nbsp;
Foglio di Stile

<link rel="stylesheet" type="text/css" href="style.css">
Collegare uno Script JS

<script src="script.js"></script>
CSS: id o class

id

l'ID è univoco, lo puoi usare una sola volta
#cancelletto { } → <p id="punto">esempio</p>
class

la CLASSE è la puoi usare tutte le volte che vuoi
.punto { } → <p class="punto">esempio</p>
Font

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
Dimensione del Font Relativa
<font size="-1">Font size="-1"</font>
<font size="+1">Font size="+1"</font>
<font size="+2">Font size="+2"</font>
<font size="+3">Font size="+3"</font>
<font size="+4">Font size="+4"</font>

Tipo di Font
<font face="Times New Roman" size="5">Times New Roman</font>
<font face="Verdana" size="5">Verdana</font>
<font face="Comic sans MS" size="5">Comic Sans MS</font>
<font face="WildWest" size="5">WildWest</font>
<font face="Bedrock" size="5">Bedrock</font>

Favicon

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon-32.png" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="favicon-180-precomposed.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon-192.png">


favicon-32.png


favicon-180-precomposed.png


favicon-192.png


favicon.ico


Immagini

<img src="immagine.jpg" alt="">
posizioni del Footer

index.html

<!DOCTYPE html>

<html>
 <head>
   <link rel="stylesheet" type="text/css" href="main.css" />
 </head>

<body>
 <div id="page-container">
   <div id="content-wrap">
     <!-- tutto il resto della pagina -->
   </div>
   <footer id="footer"></footer>
 </div>
</body>

</html>

main.css

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* altezza del footer */
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* altezza del footer */
}

Link

<a href="https://graficaindipendente.com/">link</a>
<a href="https://graficaindipendente.com/" target="_blank">link</a>
Commenti

<!-- +  -->
Niente cookies e cache

Cookies:
<meta http-equiv="Set-Cookie" content="HttpOnly; Secure; SameSite=Strict">

Cache:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Expires" content="0">


Whatsapp me

Link per aprire una chat Whatsapp cliccando un link
https://wa.me/1XXXXXXXXXX
Per chattare: https://wa.me/3404912886 oppure https://wa.me/0429656868
Per telefonare: <a href=”tel:+39042965686″>+39 0429 65686</a> oppure tel:+390429656868
Link a google maps: https://goo.gl/maps/zmk2wdajdpVSRtpz8
Aggiungere la funzionalità click to chat di WhatsApp in una pagina web
WhatsApp Sharing Button | github WhatsApp Sharing Button
Accenti

<meta charset="UTF-8">
à &agrave; →
À	&Agrave;
è &egrave;    →
È	&Egrave;
é	&eacute;    →
É	&Eacute;
ì &igrave;    →
Ì	&Igrave;
ò &ograve;    →
Ò	&Ograve;
ù &ugrave;    →
Ù	&Ugrave;
  &nbsp; (spazio bianco)
& &amp;
→ &rarr;
" &quot;
' &apos;
® &reg;
™ &trade;
© &copy;
€ &euro;