Guida base HTML [Archivio] - ExtremeGeneration

Visualizza Versione Completa : Guida base HTML

John Locke

07-01-2010, 17:52

Di seguito una guida per iniziare ad affacciarsi all'html
E' possibile per le richieste utilizzare questa discussione

Vai a capo

 Paragrafo

Allineamento del paragrafo



 </cite>Esempio di stile, colore e dimensione carattere

testoInserire Immagini

<img src="indirizzofile.gif">Aggiungere Link ad immagine

<a href="http://www.extremegeneration.it><mg src="indirizzofile.gif"></a>

the_game

21-04-2011, 21:01

John Locke

21-04-2011, 21:07

Nessun programma, è semplicemente un "linguaggio", un pò come nel forum per inserire il grassetto metti
[B] in html metterai 
Sicuramente esistono dei "convertitori", tipo tu formatti il testo in un editor tipo quello del forum , e lui te lo mette in html, anche se per un uso basilare (colori, dimensione carattere, grassetto, immagine) lo puoi fare tranquillamente senza.

Per esempio puoi inserire una frase formattata con l'editor del forum e te la scriviamo come sarebbe dovuta essere in html per farti capire meglio;)

the_game

21-04-2011, 21:21

ok, quindi la mia idea dell'editor è facilmente evitabile...
vediamo, se io volessi scrivere qualcosa del genere :

AVVISO IMPORTANTE
LEGGERE MOLTO ATTENTAMENTE
1) NON URLARE
2) CHIEDERE SEMPRE
3) SALTARE

come dovrei scriverlo in html?

Lux

21-04-2011, 21:23

mi affaccio ora al mondo dell'html e vorrei capire meglio come poter creare qualcosa con questo linguaggio.. cioè.. da profano immagino che per poter creare qualcosa occorra usare dei programmi specifici, un pò come per i firmware per i quali occorre usare un editor esadecimale, quindi le mie prime domande sono anche banali ma per capire meglio ho bisogno di partire proprio dalla radice del discorso.
Occorrono dei programmi specifici per l'html?
Quali programmi sono più semplici da usare per chi si affaccia per la prima volta all'html?
Dove posso trovare i programmi, possibilmente free o comunque a basso costo ?
e inoltre.... ci sono limitazioni di qualsiasi tipo riguardo a questo linguaggio di programmazione?

Cerco di risponderti in modo esauriente domanda per domanda.
-Per quanto riguarda l' editor, non c'è bisogno di nulla in particolare, volendo si può scrivere codice html anche con il notepad, il blocco note o qualsiasi altro editor simile.

-La difficoltà dei vari editor non dipende dal grado di conoscenza del linguaggio in questione, è come dover scrivere le prime parole in inglese con word, i problemi puoi averli con la lingua, il programma resta uguale, quindi al limite per non perderti nelle varie opzioni puoi utilizzare il notepad invece di word, ma il problema non deriva comunque dalla lingua. Assodato ciò, di editor e IDE il web ne è pieno: gratuiti, a pagamento (a basso costo o che richiedono un mutuo), versioni di prova, di tutto. Per me il miglior IDE è Netbeans, gratuito ma completo di funzioni che a volte mancano ai software più costosi, ma per il semplice html penso sia inutile, visto che è anche abbastanza pesante (anche se un buon computer lo fa girare come nulla fosse, carico di lavoro permettendo). Dreamweaver ha un autocompletamento del codice ottimo, ma rientra nella categoria "mutui" ed è anche più pesante di Netbeans, quindi se vuoi una cosa leggera, efficiente e al contempo completa e gratuita ti consiglio Notepad++.

-Puoi trovare gratuitamente Notepad++ nel sito ufficiale: Notepad++ | 5.9 (http://notepad-plus-plus.org/) (presente anche in lingua italiana).
Qui invece trovi sempre gratuitamente netbeans nel caso volessi optare per questo: Salve e benvenuti nella home page di NetBeans, l?~@~Yambiente di sviluppo Java Open Source (http://netbeans.org/index_it.html)

-Non ho ben capito di quali limitazioni parli... se intendi nel creare applicazioni, l' html è un linguaggio di mark-up e non di programmazione, quindi è limitato alla scrittura della struttura di pagine web, si può sfruttare anche per la decorazione delle stesse ma per questo è consigliabile utilizzare i CSS. Se parli di limitazioni di utilizzo nel senso di "linguaggio proprietario" non ne ha nessuna.

the_game

21-04-2011, 21:34

per limitazioni intendo questo, posso inserire per esempio delle immagini da visualizzare assieme al testo? ma non immagini di decorazione, immagini come quelle dei nostri avatar, e nel caso si possano inserire , fino a quale dimensione sono accettabili e quali formati sono più idonei ?

Lux

21-04-2011, 21:42

Con l' html si può inserire tutto ciò che si vede nella struttura di un sito visto che serve a quello, quindi anche le immagini. Limiti di grandezza e peso non ce ne sono, ma se parli degli avvisi visto che ti sei avvicinato all' html per quello sarebbe comunque meglio non esagerare in termini di pixel per non creare un brutto effetto, e per quanto riguarda il peso lo stesso, per evitare di appesantire la pagina. Per i formati, di solito si utilizza il jpg e il gif per quelle in movimento, che sono anche quelli supportati senza alcun dubbio da tutti i browser (purtroppo c'è chi ancora utilizza obbrobri del calibro di IE 5 :facepalm2: Se tutti aggiornassero i propri browser ci sarebbero molti meno problemi :sisi:)

ok, quindi la mia idea dell'editor è facilmente evitabile...
vediamo, se io volessi scrivere qualcosa del genere :

AVVISO IMPORTANTE
LEGGERE MOLTO ATTENTAMENTE
1) NON URLARE
2) CHIEDERE SEMPRE
3) SALTARE

come dovrei scriverlo in html?

Premessa: il tag fondamentale per intervenire sul testo è "" con i suoi vari attributi.

Per la grandezza del testo si ricorre all' attributo "size" del tag "font", il codice quindi è:

testo di grandezza X

l' X dell' esempio può assumere un valore compreso tra 1 e 7, che va quindi inserito al posto della X. Si può poi stabilire la grandezza del testo anche in modo relativo, facendo cioè riferimento alla grandezza base che è 3. Al posto della X quindi invece del valore base compreso tra 1 e 7 va inserito un numero positivo o negativo, ad esempio +3 o -2, che si riferisce appunto al valore base 3. Quindi scrivere:

testo...

equivale a scrivere:

testo...

Per il testo in grassetto invece si può utilizzare il tag "" come precedentemente detto da John, anche se nelle nuove versioni del linguaggio è stato introdotto il tag "" che ha la stessa funzione e sarebbe quindi più corretto.

Per il testo sottolineato si ricorre al tag ""

Per il colore invece ritorniamo al tag font con questa volta l' attributo "color" seguito dal nome inglese del colore o dal corrispettivo esadecimale, quindi per un testo ad esempio rosso scriveremo:

testo...

Per andare accapo si utilizza il tag come scritto nell' OP, quando ti accingi a scrivere il codice tieni quindi a mente che andare a capo nello stesso può rendertene più facile la lettura, ma nel momento in cui il browser interpreta il codice ignora il semplice tasto accapo e va all' inizio del nuovo rigo solo nel momento in cui incontra il tag suddetto.

the_game

22-04-2011, 19:05

ok, adesso non posso provare, ma dopo ci provo e vi faccio sapere.. al limite se riesco posto qualcosa in html

the_game

24-04-2011, 07:02

Salve a Tutti</size></color>

è corretto o dovrei scrivere

Salve a Tutti

Lux

24-04-2011, 19:35

Quando si tratta di più attributi dello stesso tag si scrivono insieme, così:

Salve a Tutti

Quando si chiude il tag ci vuole sempre lo slash e soprattutto va chiuso il tag, non gli attributi :asd:

the_game

24-04-2011, 19:41

Salve a Tutti

ok.. ora riesco a capire meglio, poi, per andare a capo dopo questo rigo il tag come lo dovrei inserire?

scusate se vi stò ponendo domande idiote, ma sull'html posso tranquillamente dire che sono totalmente ignorante :ahsisi:

Lux

24-04-2011, 20:50

Semplicemente lo aggiungi alla fine, non necessita di chiusura:

Salve a Tutti