_Prefazione_
Premetto che questa guida è tutta ideata dal SOTTOSCRITTO eccetto le parti con fonte.
Cosa è l'html?
Cosa è il css?
_Iniziamo!_
Iniziamo a "costruire" la nostra pagina internet aprendo il blocco note/wordpad o qualsiasi editor di testo valido.
Scriviamo lo "scheletro" della nostra pagina.
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Come possiamo vedere,una pagina internet regolare è come il corpo umano, ovvero con una TESTA {Tag head} e un corpo {Tag body}.
---Puntualizzazioni---
Nell'head verranno messi codici che non si vedranno all'interno della pagina del browser e codici di richiamo o verranno messi i fogli di stile {Css}
Nel body, quindi nel corpo verranno messe tutte le cose che si vedono nella pagina, come per esempio, scritte etc.
-------------------------
Precisato questo, continuiamo,mettiamo un "title" ovvero un titolo alla nostra pagina, per fare questo ci serviamo del tag: <title></title> che viene messo nell'head
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Io, ho inserito come titolo "Demo page", questo apparirà quì:
Cioè dove è scritto Sciax2 forum - Scrivi una nuova discussione {Uscirà demo page al posto di questa stringa per chi non l'avesse capito :ragione:}
Quindi,ora applichiamo una scritta, per questo usiamo il tag <p></p> nel BODY
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Bene, ora iniziamo a usare il CSS, mettiamo un SFONDO a questa pagina,facciamolo con il body->BackGround color...
Come? Così:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ovvero,
style type="text/css" indica che il linguaggio di stile che si userà.
body{background-color:#000000;} indica che il colore di sfondo è il nero che ho indicato in colore esadecimale {#RRGGBB}
Fatto questo,notiamo subito che però anche le scritte sono nere e che quindi non si può vedere NIENTE di quello che scriviamo!
Come fare?Semplice,impostiamo che il colore per il testo che useremo è il bianco:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
color:#FFFFFF; indica che il colore del testo sarà bianco {Colore esadecimale #RRGGBB}
text-align:center; indica che il testo è centrato.
font-family:Comic Sans MS; indica che la font che utilizziamo è il comic sans MS.
Quindi, il testo sarà così:
| La nostra scritta |
Bene, devo dire che la guida è finita quì! ^^
Alla prossima!
Guida 100% by me non copiate per piacere ;)
, Bravo Ignazio 