Scribd
Carica
29 visualizzazioni

HTML Rippasso

Il documento spiega le basi di HTML e CSS come l'uso di tag, stili e selettori per formattare testo e immagini in una pagina web. Vengono illustrate proprietà come colori, font, dimensioni, sfondi e posizionamento di elementi.

Caricato da

Lorenzo Biasiolo
Copyright
© © All Rights Reserved
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
29 visualizzazioni

HTML Rippasso

Il documento spiega le basi di HTML e CSS come l'uso di tag, stili e selettori per formattare testo e immagini in una pagina web. Vengono illustrate proprietà come colori, font, dimensioni, sfondi e posizionamento di elementi.

Caricato da

Lorenzo Biasiolo
Copyright
© © All Rights Reserved
Formati disponibili
Scarica in formato PDF, TXT o leggi online su Scribd
Sei sulla pagina 1/ 2

GRASSETTO DIRETTAMENTE ALL’ INTERNO DEL PARAGRAFO

<strong>noa</strong> = noa

CORSIVO DIRETTAMENTE ALL’ INTERNO DEL PARAGRAFO


<em>noa</em> = noa

INSERIRE IMMAGINE
<img src="https://www.kasandbox.org/programming-images/animals/rabbit.png"
alt="(descrizione della foto)" width="203">

REGOLE BASE CSS


p { color : rgb(0,0,0) ; } = usato per selezionare tutti i “p”

differenza tra CLASS e ID


.noa { color : rgb(0,0,0) ; } = usato per selezionare tutte le class denominate come “noa”

#noa { color : rgb(0,0,0) ; } = usato per selezionare solo l’id denominato come “noa”

LINK
<a href="http://home.web.cern.ch/topics/birth-web">testo che viene fuori al posto del
link</a>

LINK INTERNI
● link per passare da una parte all’ altra del sito sull’ elenco
<li><a href="#web-history">History of the web</a></li>

● lo schiaccio e mi porta al paragrafo che ho denominato come web-history


<h2 id="web-history">History of the web</h2>

COMMENTI HTML
<!-- COMMENTO -->

FONT
p { font-family: “Helvetica” ;
font-size: 12px; }

font css normale


.p { background-color: yellow;
font-family: fantasy;
font-size: 13px;
font-style: italic ; }

scorciatoia
.p { font: italic 13px fantasy ; }
ALTRE PROPRIETà
line-height: 1.5em;
text-align: center;
font-weight: bold;
font-decoration: underline;

SFONDI E RIQUADRI
background: rgb(230, 230, 230);
width: 70%;
height: 180px;
overflow-y: auto;
overflow-x: hidden;
margin-LEFT/RIGHT: 15px 0px 10px 6px;
border-TOP/BOTTOM: 2px dashed rgb(161, 161, 16)

ALTRE INFO
- z-index: 4px ; = specificare la posizione di un elemento rispetto ad un alto
- float: right ; = spostare un elemento a dx o a sx della pagina
- h1,h2,p (color: purple) = raggruppare i selettori per mettergli lo stesso colore senza
selezionarli uno per volta sul css
- <h1 style="background: salmon; color: white;">Salmon Mania</h1> = selezionare il
colore e lo sfondo direttamente sulla line (inline/ su body) senza denominarla e
modificarli su css/style.
- <link rel="stylesheet" type="text/css"
href="https://cdn.rawgit.com/pamelafox/69f97167ba32e3473cda/raw/336006010d620
847f275b0bd25bbf7c665b2e1a1/hopper.css"> = link di stile css esterno prefabbricato
da inserire per cambiare direttamente gli stili di testo.
- <span style="color:#FF0000;"> noa è molto bella </span> = stessa proprietà di div
solo che è usato inline, quindi sulla riga, quindi direttamente dentro body.
-

Potrebbero piacerti anche