Xhack

Un forum dedicato all'hacking
 
IndiceIndice  PortalePortale  CalendarioCalendario  FAQFAQ  CercaCerca  RegistratiRegistrati  Lista UtentiLista Utenti  GruppiGruppi  Accedi  

Condividi | 
 

 Nozioni base HTML

Andare in basso 
AutoreMessaggio
darkjoker
Admin
Admin
avatar

Numero di messaggi : 813
Data d'iscrizione : 30.07.07

MessaggioTitolo: Nozioni base HTML   Gio Ago 16, 2007 4:22 pm

Vi sarete chiesti qualche volta come è costruita una pagina web come quella che state guardando ora, essa è costruita usando il linguaggio HTML che non può essere considerato un linguaggio di programmazione perchè le cose create con questo linguaggio (appunto le pagine in HTML) sono statiche ma un hacker che si rispetti deve conoscere le nozioni di base di questo linguaggio in quanto alcuni hack avvengono proprio modificando, creando o osservando i codici sorgenti delle pagine.
Ora vi proporro il codice sorgente di una semplicissima pagina HTML e dopo la analizzeremo:

Codice:
<html>
<head>
<title>
La mia prima pagina Web
</title>
</head>
<body>
Ciao a tutti gli hacker di xhack!
</body>
</html>


Provate a copiare il codice in un editor di testo (come notepad in Windows) e salvate il file con un nome seguito da .htm o da .html. Aprite la pagina e vedrete che essa avrà come titolo (nella barra in cui ci sono le opzioni riduci a icona, ingrandisci o ripristina e chiudi) La mia prima pagina web e come testo Ciao a tutti gli hacker di xhack!. Intanto avrete notato che ogni tag è racchiuso tra <e>, così accade con tutti i tags dell'html. In secondo luogo avrete visto che ogni tag è seguito da un altro tag con lo stesso nome ma preceduto da una / (es: <html> e </html>). La / indica la fine del tag precedentemente inposto. Come ultima cosa prima di passare all'analisi vera e propria vi volevo dire che tutti i tags possono essere scritti MAIUSCOLI, inuscoli o AlTeRnAtI, la pagina verrà creata lo stesso e non ci sarà alcuna distinzione tra maiuscole e minuscole.

Codice:
<html> indica che tutto quello che c'e dopo questo tag dovrà essere letto come HTML fino a che non finirà il tag (</html>)
<head> in inglese significa testa ed è la parte iniziale del codice html proprio come lo è la testa nel corpo. Tutto quanto scritto qua dentro ( tra <head> e </head>) non comparirà nella pagina vera e propria e contiene le info della pagina
<title> indica l'inizio del titolo
La mia prima pagina web titolo della pagina
</title> indica la fine del titolo. tutto ciò che segue non sarà parte del titolo
</head> indica la fine del tag head. tuto ciò che segue sarà il contenuto del documento
<body> tra questo tag e il tag </body> si trova il contenuto effettivo della pagina
</html> indica la fine della pagina HTML


Form

I form sono quelli che in autoit ho chiamato input e servono per raccogliere informazioni inserite dall'utente ( come per esempio quando inserite il vostrfo nickname e la password pe loggarvi sul forum )
In questo articolo non vi spiegherò come si possono raccogliere informazioni ma solo come creare i form perchè senno comincerei a parlare di php e andrei fuori tema.

Codice:

Nickname: <input><br>
Password: <input><br>
<input>

Inseriamo questo codice tra <body> e </body>, carichiamo la pagina e vedremo un semplice login che chiede nickname e password. Qualunque cosa inseriamo non succederà niente.
Notate che ho inserito il tag "<br>" per andare a capo, si può anche usare "<p>" ma usandolo salterà una riga. (metto i tag fra virgolette perchè senno poi si applicano veramente per chi ha l'HTML attivato.)


Codice:

Nickname: <input> il tag <input type specifica che tipo di input si vuole creare (in questo caso un input per il solo inserimento di testo)
<br> va a capo
Password: <input> in questo caso il tipo di input è "password" quindi tutti i caratteri inseriti saranno asterischi o pallini (nelle ultime versioni di IE)
<br> va a capo
<input> in questo caso il tipo di input è submit ovvero invio (invia i dati inseriti a una pagina in php che ali analizza e a seconda che essi siano giusti o meno fa avvenire diverse cose).


Tabelle

una tabella viene creata se esiste il tag <table>, ogni riga è accompagnata dall'uso di <tr> e </tr> e ogni cella con <td> e </td>:

vediamo una semplice tabella:

Codice:

<table>
<tr>
<td>Italiano</td>
<td>Francese</td>
<td>Inglese</td>
<td>Tedesco</td>
</tr>
<tr>
<td>Grazie</td>
<td>Merci</td>
<td>Thanks</td>
<td>Dank</td>
</tr>
</table>


Questa tabella è formata da 8 celle, 4 colonne e 2 righe con scritta una lingua e la scritta grazie in quella lingua (ho scelto grazie perchè è l'unica parola che so in 4 lingue Very Happy ).
al tag table ho aggiunto border, queste aggiunte sono atributi, anche nei form type è un attributo). In questo caso border sere per creare dei bordi alla tabella che altrimenti, se avessimo scritto solo <table> sarebbe venuta fuori una tabella senza linee di delimitazione.



HyperLink (collegamenti)

Un link si trova all'interno dei tag <a> e </a>, l'attributo href specifica il sito a cui si vuole fare il collegamento:

Codice:

<a href="http://www.xhack.forumitalian.net">Link a un forum di hacking</a>

Questo tipo di script crea un collegamento al nostro forum e ha come scritta "Link a un forum di hacking", questa scritta è quella è quella che compare normalmente blu e sottolineata.



Ridimensionare scritte

Per creare scritte con dimensioni differenti da quelle preimpostate si utilizza il tag <h> Le dimensioni possibili sono 6 e sono inversamente proporzionali quindi h1 sarà il carattere più grande:


Codice:

<h1>Ciao</h1><p>
<h2>Ciao</h2><p>
<h3>Ciao</h3><p>
<h4>Ciao</h4><p>
<h5>Ciao</h5><p>
<h6>Ciao</h6>

Tutto chiaro? Se non capite qualcosa basta che domandiate su questo topic.
Ciao, alla prossima!

darkjoker

_________________
L'unico computer sicuro, è un computer spento.

Nel software esiste sempre almeno un bug, generalmente è localizzabile tra la tastiera e la sedia



Ultima modifica di il Lun Ott 29, 2007 6:23 pm, modificato 1 volta
Torna in alto Andare in basso
Visualizza il profilo
abe93
membro importante
membro importante
avatar

Numero di messaggi : 205
Età : 25
Localizzazione : Piacenza
Data d'iscrizione : 18.08.07

MessaggioTitolo: Re: Nozioni base HTML   Dom Ott 28, 2007 10:39 pm

dark scusa se te lo faccio notare ma mi sa che hai sbagliato a scrivere il penultimo codice cioè <a href=""></a> non <a herf></a>...
Torna in alto Andare in basso
Visualizza il profilo http://www.abe93.altervista.org
darkjoker
Admin
Admin
avatar

Numero di messaggi : 813
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Lun Ott 29, 2007 6:08 pm

... hai ragione.... ora lo modifico subito.... Wink

_________________
L'unico computer sicuro, è un computer spento.

Nel software esiste sempre almeno un bug, generalmente è localizzabile tra la tastiera e la sedia

Torna in alto Andare in basso
Visualizza il profilo
The_Nano93
membro
membro
avatar

Numero di messaggi : 104
Età : 1010
Localizzazione : Da qualche parte nell'universo....
Data d'iscrizione : 28.09.07

MessaggioTitolo: Re: Nozioni base HTML   Mar Ott 30, 2007 2:32 pm

grande dark, sei potente! sai praticamente tutto
Torna in alto Andare in basso
Visualizza il profilo
darkjoker
Admin
Admin
avatar

Numero di messaggi : 813
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Mar Ott 30, 2007 2:34 pm

vabbo mo non esageriamo... questo è solo HTML

_________________
L'unico computer sicuro, è un computer spento.

Nel software esiste sempre almeno un bug, generalmente è localizzabile tra la tastiera e la sedia

Torna in alto Andare in basso
Visualizza il profilo
black hole
membro
membro
avatar

Numero di messaggi : 90
Data d'iscrizione : 03.10.07

MessaggioTitolo: Re: Nozioni base HTML   Mar Ott 30, 2007 5:48 pm

qualcuno sa come si mette un immagine come sfondo,in modo che il resto della pagina sia sopra quell'immagine..??
Torna in alto Andare in basso
Visualizza il profilo
darkjoker
Admin
Admin
avatar

Numero di messaggi : 813
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Mar Ott 30, 2007 7:22 pm

credo che tu debba fare cosi:
Codice:

<body bgcolor = "nomeimmagine">

non so se funge l'ultima volta che ho provato a fare in questo modo mi è venuto tutto lo sfondo verde........

...
ho provato... non funziona!
mo cerco e ti faccio sapere...

_________________
L'unico computer sicuro, è un computer spento.

Nel software esiste sempre almeno un bug, generalmente è localizzabile tra la tastiera e la sedia

Torna in alto Andare in basso
Visualizza il profilo
abe93
membro importante
membro importante
avatar

Numero di messaggi : 205
Età : 25
Localizzazione : Piacenza
Data d'iscrizione : 18.08.07

MessaggioTitolo: Re: Nozioni base HTML   Mer Ott 31, 2007 5:03 pm

ma lo vuoi mettere in una pagina css o da mettere nella pagina html semplice?
Torna in alto Andare in basso
Visualizza il profilo http://www.abe93.altervista.org
abe93
membro importante
membro importante
avatar

Numero di messaggi : 205
Età : 25
Localizzazione : Piacenza
Data d'iscrizione : 18.08.07

MessaggioTitolo: Re: Nozioni base HTML   Mer Ott 31, 2007 5:23 pm

<body background="imgSfondo.gif"> creando un nuovo div dove lo vuoi far apparire
se no per il css :

#header{
height:100px;
text-align:left;
background:url(images/stile/head.gif) repeat-x;
}
dove header sta ad indicare il nome del div height altezza poi l'allineamento e poi l'immagine di background


sono diventato un po' + bravo con l'html adesso?
Torna in alto Andare in basso
Visualizza il profilo http://www.abe93.altervista.org
darkjoker
Admin
Admin
avatar

Numero di messaggi : 813
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Ven Nov 02, 2007 5:24 pm

... bravo!
chi ha mai dubitato che non lo fossi?
sinceramente non lo sapevo bene come usar i fogli css...

_________________
L'unico computer sicuro, è un computer spento.

Nel software esiste sempre almeno un bug, generalmente è localizzabile tra la tastiera e la sedia

Torna in alto Andare in basso
Visualizza il profilo
abe93
membro importante
membro importante
avatar

Numero di messaggi : 205
Età : 25
Localizzazione : Piacenza
Data d'iscrizione : 18.08.07

MessaggioTitolo: Re: Nozioni base HTML   Ven Nov 02, 2007 5:42 pm

devo scrivere un tutorial?
Torna in alto Andare in basso
Visualizza il profilo http://www.abe93.altervista.org
certaindeath
Admin
Admin
avatar

Numero di messaggi : 343
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Ven Nov 02, 2007 5:44 pm

perchè no?
Torna in alto Andare in basso
Visualizza il profilo
abe93
membro importante
membro importante
avatar

Numero di messaggi : 205
Età : 25
Localizzazione : Piacenza
Data d'iscrizione : 18.08.07

MessaggioTitolo: Re: Nozioni base HTML   Ven Nov 02, 2007 5:46 pm

vabbò ma solo sul css (cascading style sheets) o anche generale sull'html magari un po' più approfondita di quella di dark?
Torna in alto Andare in basso
Visualizza il profilo http://www.abe93.altervista.org
certaindeath
Admin
Admin
avatar

Numero di messaggi : 343
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Ven Nov 02, 2007 5:50 pm

bè per quella sul css puoi aprire un nuovo topic;
se vuoi approfondire questa fallo pure qui...
(a meno che dark abbia qualcosa in contrario)
Torna in alto Andare in basso
Visualizza il profilo
darkjoker
Admin
Admin
avatar

Numero di messaggi : 813
Data d'iscrizione : 30.07.07

MessaggioTitolo: Re: Nozioni base HTML   Ven Nov 02, 2007 5:58 pm

no, fa come vuoi, pero approfondisci i css... per favore Wink

_________________
L'unico computer sicuro, è un computer spento.

Nel software esiste sempre almeno un bug, generalmente è localizzabile tra la tastiera e la sedia

Torna in alto Andare in basso
Visualizza il profilo
abe93
membro importante
membro importante
avatar

Numero di messaggi : 205
Età : 25
Localizzazione : Piacenza
Data d'iscrizione : 18.08.07

MessaggioTitolo: Re: Nozioni base HTML   Sab Nov 03, 2007 3:44 pm

il tutorial di css l'ho fatto se hai bisogno chiedi e se non hai voglia di imparare ho già dei prototipi di css per siti già fatti anche abbastanza carini e se vuoi mi posso occupare del sitozzo...
Torna in alto Andare in basso
Visualizza il profilo http://www.abe93.altervista.org
Contenuto sponsorizzato




MessaggioTitolo: Re: Nozioni base HTML   

Torna in alto Andare in basso
 
Nozioni base HTML
Torna in alto 
Pagina 1 di 1
 Argomenti simili
-
» Come calcolare l'area di base di un prisma
» Codice - Tutorial Arduino Base #17: La funzione map
» Codice - Tutorial Arduino Base #5: Lampeggio alternato di due LED
» Codice - Tutorial Arduino Base #16: Il display LCD con interfaccia I2C

Permessi di questa sezione del forum:Non puoi rispondere agli argomenti in questo forum
Xhack :: Programmazione :: HTML/PHP/Javascript-
Vai verso: