Esso rappresentano la costruzione di  SGML (in inglese Standard Generalized Markup Language -. standarto di linguaggio di markup generalizzato), che si riferisce ai caratteri specifici. In sostanza, essi sono utilizzati per specificare i simvoli che non si trovano in una tastiera di computer standard, o che non supportano la codifica delle pagine HTML (Windows 1251, UTF-8, ecc.)

1. Commenti nel HTML

Diciamo che è una cosa molto facile inserire un commento nel codice  HTML, si utilizza la costruzione <!--    il nostro comento  ---> Vediamo un esempio per come inserire un commento

<!-- primo blocco --> 
<div> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur  </p>
</div>
<!--  blocco successivo,  per adesso lo commentato e non sara piu visibile al utente sulla pagina ma rimane sempre nel codice e magari domani ci sara  utile.  
<div> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur  </p>
</div>-->

Guarda anche il video tutoriel dedicato ai commenti dal nostro corso gratuito dedicato al linguaggio HTML

2.Commenti nel linguaggio CSS

Anche qui e tutto abbastanza facile si utilizza la costruzione /* */ e al interno il nostro commento o pezzo del codice che vogliamo commentare, escludere dalla visualizzazione ma non cancellare dal foglio!!! magari ci servirà nel futuro

Vediamo un esempio

/* Blocco involucro */
  .main {
margin:0 auto;
width:940px;
position:relative;
/* 
  h2 
font-size:26px;
line-height:28px;
}
*/
/*abbiamo commentato questa proprietà del CSS e quindi non sara piu presa in considerazione nel attribuire questo stile al paragrafo con il tag H2*/

3. Simboli speciali di HTML e CSS o emoji

Per inserire un simbolo su una pagina web, è necessario specificare il codice HTML o emoji.

Simboli speciali sensibili al registro quindi devi scriverli  esattamente come indicato nella tabella. I simboli speciali che non possiedono un mnemonico di riferimento potrebbero non  essere visualizzate affatto in varie browser.

Per inserire un simbolo speciale o mnemonico utilizzate il rispettivo codice  HTML e per inserirli nel codice CSS si usa valore  content :' '  in combinazione con pseudo classi :before e :after che rispettivamente meterano il nostro simbolo speciale prima o dopo elemento a qui sono stati attribuiti.

Caratteri speciali ereditano il colore dal colore dell'elemento genitore del testo. Per cambiare il colore di un simbolo, è possibile inserire  codice HTML all'interno del tag <span> o impostare il valore desiderato nel css per la  proprietà color  (quando s simboli speciali vengono inserirti tramite proprieta content ).

Vediamo subito un esempio di che cosa si tratta, prima il codice HTML puoi il risultato

<p>  Il nostro oroscopo per segno di &#9800; <!-- il codice che inserisce il segno di ariete-->Ariete 21 Marzo - 20 Aprile 
Cura  del corpo, così vuole la coppia Luna-Giove nella vostra sesta Casa, che oltre che di lavoro parla anche di salute,
</p>

E con il nostro commento nella versione HTML  abbiamo anche indicato nel codice cosa significano questi simboli

Il nostro oroscopo per segno di ♈Ariete 21 Marzo - 20 Aprile. Cura parossistica del corpo, così vuole la coppia Luna-Giove nella vostra sesta Casa, che oltre che di lavoro parla anche di salute,

Vediamo la stessa cosa anche nel linguaggio CSS

<p class="ariete">Amore: Vita di coppia all’insegna dell’amore. Le stelle infatti promettono un’attività sessuale arricchita da un’insolita dose di erotismo a ravvivare la fiamma della passione. Imparerai anche i simboli speciali dopo l'amore fatto....  </p>
/* stile CSS è il nostro commento per il codice che segue */
 .ariete:before{
     content:'\2648 ';/* come vediamo il codice per inserire un simbolo speciale nel CSS e nel HTML sono diversi*/ 
color: #F41A1A;
font-size: 25px;
font-weight: bold;/* e con ultime tre proprietà CSS indichino colore peso e l'altezza del nostro mnemonico */

Vediamo il risultato

Amore: Vita di coppia all’insegna dell’amore. Le stelle infatti promettono un’attività sessuale arricchita da un’insolita dose di erotismo a ravvivare la fiamma della passione. Imparerai anche i simboli speciali dopo l'amore fatto....

E dopo che abbiamo capito come decorare il nostro simbolo speciale vediamo di inserirlo nel nostro codice HTML tramite il tag <span></span> indicando per questo tag classe ariete dal esempio sopra quindi avremo questo codice

<p >Amore: nel segno di <span class="ariete"></span>Vita di coppia all’insegna dell’amore. Le stelle infatti promettono un’attività sessuale arricchita da un’insolita dose di erotismo a ravvivare la fiamma della passione. Imparerai anche i simboli speciali dopo l'amore fatto.... </p>

Amore: nel segno di Vita di coppia all’insegna dell’amore. Le stelle infatti promettono un’attività sessuale arricchita da un’insolita dose di erotismo a ravvivare la fiamma della passione. Imparerai anche i simboli speciali dopo l'amore fatto....

E ora il momento di vedere i codici di simboli speciali