Guida Principali TAG HTML

[Vitty95]

Questa Guida illustrerà i principali codici e regole dell'HTML.

+ I Commenti:

Perfavore, Entra oppure Registrati per vedere i codici!

I Commenti non sono visualizzati dal browser, ma sono utili soprattutto se si vogliono illustrare alcune particolarità in un codice HTML.

+ Titolo Heading:

Perfavore, Entra oppure Registrati per vedere i codici!

L'Heading, o titolo, è un TAG che racchiude testo, e permette di stabilire la sua grandezza. In base alla numerazione (h1, h2, h3, h4 ecc..) si và in ordine decrescente, cioè che l'1 è il più grande, il 2 di meno, il 3 ancor di meno ecc..

+ Paragrafi, Blocco di testo e contenitori:

- Paragrafo:

Perfavore, Entra oppure Registrati per vedere i codici!

Il Paragrafo è il TAG che permette la suddivisione del testo. Lascia uno spazio prima della sua aperta e dopo la sua chiusura.

- Blocco di testo:

Perfavore, Entra oppure Registrati per vedere i codici!

Il Blocco testo ha la stessa funzione del Paragrafo, solo che non lascia spazi, ma và semplicemente a capo.

- Contenitore:

Perfavore, Entra oppure Registrati per vedere i codici!

Il Contenitore è il TAG che in generale permette la suddivisione degli elementi della pagina. A differenza dei TAG Paragrafo e Blocco di testo, non lascia spazi nè và a capo.

+ Linee orizzontali e andare a capo:

- Linea Orizzontale:

Perfavore, Entra oppure Registrati per vedere i codici!

Il TAG per la linea orizzontale permette appunto di creare una linea orizzontale, utile per suddividere la pagina.

ATTENZIONE: Il codice è stato deprecato, pertanto consigliamo metodi alternativi.

- Andare a capo:

Perfavore, Entra oppure Registrati per vedere i codici!

Il TAG per andare a capo è appunto il BR. Se invece, si vuole lasciare un rigo, basta usarlo due volte (come nell'esempio).

+ Formattazione del testo:

- Grassetto:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG formatta il tasto in grassetto.

- Corsivo:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG formatta il testo in corsivo.

- Sottolineato:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG formatta il testo sottolineandolo.

ATTENZIONE: E' consigliato utilizzare il CSS per queste cose.

- Testo barrato:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG formatta il testo barrandolo.

ATTENZIONE: E' consigliato utilizzare il CSS per queste cose.

- Preformattazione:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette la preformattazione del testo, cioè permette di visualizzare i TAG di formattazione utilizzati su una linea di testo senza attivarli.

- Superscript:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di usare del testo formattato in apice, utile per formule matematiche.

- Subscript:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di usare del testo formattato sotto la linea di scrittura, utile per formule chimiche.

- Marquee:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di dare un effetto di movimento al testo o immagine.

ATTENZIONE: Codice deprecato, è consigliabile l' utilizzo del Javascript.

- Blink:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di visualizzare testo o immagini in blink, cioè lampeggianti.

ATTENZIONE: Codice deprecato, è consigliabile l' utilizzo del Javascript.

+ Formattazione - Colori, dimensioni e font di testo:

- Colore del testo:

Perfavore, Entra oppure Registrati per vedere i codici!

- Dimensione del testo:

Perfavore, Entra oppure Registrati per vedere i codici!

- Font del testo:

Perfavore, Entra oppure Registrati per vedere i codici!

+ Immagini:

- Inserire Immagini:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette la visualizzazione di immagini.

+ Collegamenti e Link:

- Collegamenti:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette l'inserimento di un collegamento o link ad una pagina esterna.

+ Form:

- Lista:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette l'inserimento di una lista ordinata.

- Lista Numerata:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette l'inserimento di una lista numerata.

- Menù a tendina:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette l'inserimento di un Menù a tendina con le varie opzioni.

- Pulsante:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di inserire un bottone.

- Pulsante con Link:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di inserire un bottone con un collegamento ad una pagine esterna.

- Fieldset:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette l'inserimento di un divisore in categorie.

- Area di testo:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette l'inserimento di un'area di testo in cui è possibili scrivere liberamente.

- CheckBox:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di inserire scelte con i checkbox.

+ Tabelle:

- Tabella:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di creare una semplice tabella.

+ Frame:

- Frameset:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di visualizzare un pagina esterna nella propria interamente.

- IFrame:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di visualizzare una pagina esterna nella propria in diverse dimensioni.

ATTENZIONE: E' consigliabile l' utilizzo dell' iFrame.

+ File Multimediali:

- File Audio:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di integrare file audio nella nostra pagina web.

ATTENZIONE: Con l' HTML5 è subentrato il tag <audio>

- File Video:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di integrare file video nella nostra pagina web.

ATTENZIONE: Con l' HTML5 è subentrato il tag <video>

- File Flash:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di inserire file flash nella propria pagina web.

- File Scripting:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di inserire script in javascript nella nostra pagina web.

- File CSS:

Perfavore, Entra oppure Registrati per vedere i codici!

Questo TAG permette di inserire stili CSS nella propria pagina web.

+ Attributi:

- Align:

Perfavore, Entra oppure Registrati per vedere i codici!

Perfavore, Entra oppure Registrati per vedere i codici!

L'attributo Align, permette di scegliere la posizione del contenitore o paragrafo, cioè al centro, a sinistra o a destra.

ATTENZIONE: E' consigliabile l' utilizzo del CSS con i float.

- Width e Height:

Perfavore, Entra oppure Registrati per vedere i codici!

Perfavore, Entra oppure Registrati per vedere i codici!

Gli attributi Width e Height permetteono di scegliere la larghezza e l'altezza degli elementi.

- Target:

Perfavore, Entra oppure Registrati per vedere i codici!

L'attributo Target permette la scelta di dove si vuole far caricare o visualizzare la nuova pagina esterna collegata con il link. Con "_blank", la pagina viene caricata in una nuova finestra, con "_self" è possibile caricarlo in un frame (se contenuto nella pagina), con "_parent" viene caricata nel frameset in cui è inserito il link, con "_top" la pagina carica nella stessa finestra, senza contare alcun frame.

- Alt e title:

Perfavore, Entra oppure Registrati per vedere i codici!

Perfavore, Entra oppure Registrati per vedere i codici!

L'attributo Alt o title, permette di inserire un commento su un elemento, che, al passaggio del mouse diventerà visibile.

-------------------------------------------------------------------------

Buon lavoro con l'HTML! ​

[cc]Creative Commons[/cc]​

Tutti i diritti sono riservati a Vitty95, creatore della guida. Per la distribuzione legalizzata di questa guida, è richiesto l'inserimento dei diritti allo Sciax2 Forum e al sotto scritto.​

In questa discussione non si chiede assistenza. Per assistenza, creare un nuovo topic in questa sezione.​

 

[FireFox]

Diamine, che perfezione
Davvero complimenti, guida perfetta

 

[Vitty95]

Diamine, che perfezione
Davvero complimenti, guida perfetta

Ci avrò messo due giorni a scriverla su un blocco note

 

[Axel Neiz]

Mamma mia...ma dove lo trovi tutto sto tempo x fare le guide lunghe 20 pagine..io riuscirei a scriverla minimo in un mese e le farei difficili da capire...brv

 

[Berti]

Grande mi Serviva!!!

 

[Ketto93]

Mamma mia...ma dove lo trovi tutto sto tempo x fare le guide lunghe 20 pagine..io riuscirei a scriverla minimo in un mese e le farei difficili da capire...brv

Se hai notato è stato poco presente per 2 giorni.

Bravo vitty. Potresti inserire anche il form (se non lo hai già inserito).

 

[Vitty95]

+ Form:

- Lista:

Perfavore, Entra oppure Registrati per vedere i codici!

- Lista Numerata:

Perfavore, Entra oppure Registrati per vedere i codici!

- Menù a tendina:

Perfavore, Entra oppure Registrati per vedere i codici!

- Pulsante:

Perfavore, Entra oppure Registrati per vedere i codici!

- Pulsante con Link:

Perfavore, Entra oppure Registrati per vedere i codici!

- Fieldset:

Perfavore, Entra oppure Registrati per vedere i codici!

- Area di testo:

Perfavore, Entra oppure Registrati per vedere i codici!

- CheckBox:

Perfavore, Entra oppure Registrati per vedere i codici!

Comunque grazie a tutti ^^

 

[Houseparty800]

Complimenti Vitty

 

[Vitty95]

Grazie

 

[Carloxs]

Bella Guida Vittorio ^^

 

[DarkSlyder]

Fa sempre bene un ripasso ^^
Bravo Vitty.

 

[Francescop93]

Complimenti :bravo:

 

[Emporium]

Ottima guida,complimenti!

 

[.:Dark:.]

vitty complimenti ma hai dimenticato di inserire gli effetti come lo dropshadow comunque
queste sono le principali dell'HTML bel lavoro!!

 

[Axel Neiz]

Ma rimane sempre un ottimo lavoro (sono senza parole) complimeti vitty ottimissima a me serviva!

 

[AngelGabriel]

è buona la guida però dovresti spiegare di +... come si usano ecc

 

[SweetGrafic]

Fantastica guida complimenti

 

[ThéÉnìgm]

ekkoo mi servivanooo questi tag grz

 

[SaGGiX]

Ce ne sono migliori in giro ma cmq ottima guida :bravo: ;)

 

[Daddy]

PRoblema Risolto?