• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

[Guida Html 4]

AngelGabriel

Utente Normale
Autore del topic
12 Maggio 2008
98
0
Miglior risposta
0
[intro] L'HTML è il linguaggio con cui potete indicare come i vari elementi vanno disposti in una pagina Web.Un documento html non è nient'altro infatti che un file di testo con delle indicazioni sul colore delle scritte, sulla posizione delle immagini all'interno della pagina, su come far scorrere il testo, e altre cose di questo genere.
ll Browser è il programma che usate quando navigate nel Web e svolge principalmente 1 compito:legge i documenti scritti in html, e a seconda delle indicazioni ivi contenute, visualizza la pagina in un modo, piuttosto che in un altro; inoltre i vari files associati a quel documento (ad esempio le immagini, o i filmati in flash) vengono disposti secondo le indicazioni del codice html

[esistono vari browser]Internet Explorer,Netscape Navigator,Mozilla(quello ke uso io) Opera, è importante sapere che ogni browser risponde diversamente dall'altro . per tanto è importante provare le pagine con tutti i browser più usati.

[Si comincia]
Per iniziare a scrivere pagine web avete bisogno di:

uno o più browser per visualizzare le pagine

un editor testuale per scrivere il codice HTML (potete usare il blocco note di Windows, o altri editor testuali come Ultra Edit oppure Html Kit, che è gratuito.



[estensione dei file] Aprite una pagina con il blocco note, e salvate il file in qualche cartella del vostro computer. Il file dovrà avere estensione "html", ad esempio miaPagina.html.



[i tag] All'interno di ogni pagina è presente una serie di marcatori (i TAG), a cui viene affidata la visualizzazione e che hanno differenti nomi a seconda della loro funzione. I tag vanno inseriti tra parentesi uncinate <TAG>, la chiusura del tag viene indicata con un slash "/" ,Quindi: </TAG>. Il contenuto va inserito tra l'apertura e la chiusura del tag medesimo, secondo questa forma:<TAG attributi>contenuto</TAG> ES:<P align="right">testo</P>
L'annidamento dei tag è necessario tal volte guardate:



<TAG1 attributi>
contenuto 1

<TAG2>
contenuto 2
</TAG2>

</TAG1>


ES:
<P align="right">
testo 1

<P align="left">
testo 2
</P>

</P>
[struttura della pagina] per prima cosa si deve inserire ke la pagina è una pagina html ekko come:<html> .Un documento HTML è normalmente diviso in due sezioni:
Testa <head>: Che Contiene informazioni non immediatamente percepibili, ma che riguardano il modo in cui il documento deve essere letto e interpretato. Questo è il luogo dove scrivere - ad esempio - i meta-tag (alcuni sono ad esclusivo beneficio dei motori di ricerca), script JavaScript o VbScript, fogli di stile, eccetera

Corpo <body> Qui è racchiuso il contenuto vero e proprio del documento.
iniziamo dando un nome alla pagina col tag :<title>Nome del sito</title>.
Detto questo ora vi elencherò dei tag base da utilizzare:
<html> definisce ke la pagina sia html
<head> parte della pagina
<body> parte della pagina
<!--commento--> serve per rendere una pagina più leggibile la scritta "commento" è solo un esempio lì poteva esserci scritto anche menù ecc
<h1> Si usano per dare una dimensione al testo
<h2> sono come dei titoli <h1> titolo 1... più è piccolo il numero accanto
<h3> all' "h" più grande è il testo ad es: h1 è il più grande di tutti
<h4>
<h5>
<p> è il paragrafo.. cioè dove mettete il vostro testo
<div> blocco
<span>contenitore
<hr> linea orizzontale
<br> per fare andare a capo il testo
<i> testo in corsivo
<b> testo in grassetto
<u> testo sottolineato

[inserire immaggini,colore di sfondo,immagini di sfondo] <body bgcolor="blue"> (attenzione il colore deve essere messo in inglese) il colore di sfondo non va messo come un tag a parte ma come un attributo del tag body. <body background="imgSfondo.gif"> anche questo è un attributo del tag body.. dove c'è messo imgsfondo.gif ci va messo il nome della vostra immg. attenzione però l'immagine deve stare nella stessa cartella della pagina. infine per inserire un immagine si deve usare il tag img guardate:<img src="immagine.gif">.

[collegamenti e link] con i link si possono fare collegamenti fra 2 pagine, si può fare scaricare alla gente ke clicca sul link dei file, o addirittura si può fare mandare una email ecco come:
link fra 2 pagina:
<a href="http://www.sito.it/">
Ti porta a: Sito.IT</a> o
<a href="pagina.html">
ti porta a pagina.html</a>
per far scaricare dei file:
<a href="canzone.mp3">se clicchi puoi scaricare canzone.mp3</a>
inviami una email:
<a href="tuaMail@nomeTuoSito.it">

[creare dei munù] per creare una tabella:
<table border="1"> il border si può modificare
<tr>
<td>prima cella</td> si può anche modificare il contenuto delle
<td>seconda cella</td> tabelle, per creare un menù basta solo
</tr> inserire al posto di "prima cella" ecc il link

<tr>
<td>terza cella</td>
<td>quarta cella</td>
</tr>
</table>

[i form] alcuni form possono essere utilizzati per creare una lista.. cosa che potrebbe ritornarvi utile in future ecco come:
<ol> <ul type="disc/circle/square">
<li>voce</li> <li>voce</li>
<li>voce</li> <li>voce</li>
</ol> </ul>

[css] i fogli di stile o css danno uno stile, un valore a quello che scriviamo cn html o meglio dicendolo + facilmente abbelliscono quello che scriviamo con html... html da solo non basta, o forse si potrebbe bastare ma bisogna conoscerlo davvero benissimo per fare delle pagine in solo html, e inoltre le pagine sarebbero pesantissime da caricare e quindi lente da vedere, questi i motivi per cui dopo aver studiato html bisogna studiare css.

Raga con questo finisce la mia guida leggetela e votatela plis ci sn stato delle ore per farla.. ah ricordate lo fatta tutta io.. non lo copiata da nessuna parte !
 
Ne esistono a migliaia di queste guide.

Bravo anche se monotona.