[GUIDA] Capire passo passo l'HTML
×
Accedi al tuo account

Hai perso la password?
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Menu
NAV
Pubblicità

BETA
Tag: GUIDA, Capire, passo, l\HTML,
Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5

Tutorial [GUIDA] Capire passo passo l'HTML

1036 Visite
Nuovo Utente
5.00C
12/2013
4
5
Nuovo Utente
Messaggio: #1
Tutorial [GUIDA] Capire passo passo l'HTML
26/07/2014, 16:06

Aggiorna il tuo account per nascondere gli annunci pubblicitari.

Ciao a tutti ragazzi :)
Eccomi con una guida su come approfondire l'HTML e imparare le cose essenziali.
Se non sapete i TAG principali leggete la guida di Ale7070 oppure se li fate a scuola meglio ancora.


Allora iniziamo:

i TAG Principali di una pagina HTML sono:

<html> , <head> e <body>


HTML indica l'inizio del foglio HTML.

HEAD vuol dire header, ovvero la parte superiore del browser, quindi tutto quello che scriviamo all'interno del TAG header non si leggerà nella pagina HTML ma il browser si, perciò riconosce i vari comandi che assegniamo.
Ad esempio dei TAG che vanno inseriti in HEAD sono:

<title> = ovvero il titolo della pagina (che viene visualizzato in cima al browser e non nel foglio interno)
e altri come META TAG per esempio:

<META NAME=author CONTENT=”A-Style Retro”>

e quindi specifichiamo l'autore della pagina A-Style.

Ricordiamo che:

i TAG vanno OBBLIGATORIAMENTE chiusi una volta aperti,
per esempio: <head> </head>

Ma ci sono tag che si autochiudono da soli per esempio

<hr /> <br /> ovvero la linea (HR) e a capo (BR)
quindi non c'è bisogno di scrivere <br> </br> ma solo <br />

POI ANCORA, ci sono dei TAG che possono contenere al suo interno altre istruzioni, come ad esempio:

<body bgcolor="COLORE" text="COLORE TESTO">

BODY = TAG PRINCIPALE
BGCOLOR = ATTRIBUTO
= " COLORE " = VALORE DELL'ATTRIBUTO

TAG GENERICO:

<tag attributo="valore">

Piccola pratica manuale? DACCORDO!

Creiamo una pagina per la scuola, dove indichiamo,
lo studente (noi) e le materie che facciamo.

PICCOLA NOTA:
Tra i vari tag html possiamo mettere degli spazi vuoti, per non confonderci e distinguere i vari TAG, tanto il browser non li legge gli spazi vuoti, questo è solo per noi.

Allora:

<html>
<head>
<title> Benvenuto, mi chiamo A-Style! </title>
</head>

<body bgcolor="black" text="white">

<center> <h1> Benvenuto, queste sono le mie materie: </h1>
<br /> <br />
<hr />
<br /> <br />

<table width="50%" border="1">
<tr>
<td> Italiano: </td>
<td> Matematica: </td>
<td> Inglese: </td>
<td> Francese: </td>
</tr>
<tr>
<td> 7 </td>
<td> 8 </td>
<td> 8 </td>
<td> 6 </td>
</table>

</center>
</body>
</html>

SPIEGHIAMO COSA HO FATTO:

con html abbiamo aperto la pagina,
con head e title abbiamo inserito il titolo,
con body abbiamo specificato il colore di sfondo e quello del testo,
con center abbiamo specificato tutto centrato,
con H1 abbiamo specificato un titolo grande,
con due BR abbiamo detto due volte a capo,
con HR abbiamo creato una linea,
altri due BR per separare e andare a capo,
con table abbiamo creato una tabella, width vuol dire larghezza e 50% vuol dire metà pagina di larghezza quindi insomma più meno grande, invece con border abbiamo definito il bordo "1" sottile,
con TR abbiamo definito la colonna e dentro TR mettiamo
le TD ovvero le righe della colonna,
facciamo lo stesso per due volte in modo da formare due colonne e 4 righe ciascuna la sua materia,
chiudiamo la TABLE,
chiudiamo il CENTER,
chiudiamo il BODY,
e in fine chiudiamo il foglio HTML.

Per oggi è tutto ragazzi :)

Spero che questa guida vi abbia aiutato,
per altre informazioni sull'HTML visitate: www.html.it

Diritti guida: Me

Alla prossima :)

Firma:

Ehi, hai bisogni di Aiuto? :)

Contattami: A-Style Retroservista

Rispondi


(Questo messaggio è stato modificato l'ultima volta il: 26/07/2014, 16:06 da A-Style.)
La Seguente 1 utente dice Grazie A A-Style Per Questo Post:
DiscoverGamesItalia (07-26-2014)
Utente Normale
*
5.00C
06/2014
17
24
Utente Normale
Messaggio: #2
Tutorial [GUIDA] Capire passo passo l'HTML
27/07/2014, 13:27


(26/07/2014, 16:06)A-Style Ha scritto: Ciao a tutti ragazzi :)
Eccomi con una guida su come approfondire l'HTML e imparare le cose essenziali.
Se non sapete i TAG principali leggete la guida di Ale7070 oppure se li fate a scuola meglio ancora.


Allora iniziamo:

i TAG Principali di una pagina HTML sono:

<html> , <head> e <body>


HTML indica l'inizio del foglio HTML.

HEAD vuol dire header, ovvero la parte superiore del browser, quindi tutto quello che scriviamo all'interno del TAG header non si leggerà nella pagina HTML ma il browser si, perciò riconosce i vari comandi che assegniamo.
Ad esempio dei TAG che vanno inseriti in HEAD sono:

<title> = ovvero il titolo della pagina (che viene visualizzato in cima al browser e non nel foglio interno)
e altri come META TAG per esempio:

<META NAME=author CONTENT=”A-Style Retro”>

e quindi specifichiamo l'autore della pagina A-Style.

Ricordiamo che:

i TAG vanno OBBLIGATORIAMENTE chiusi una volta aperti,
per esempio: <head> </head>

Ma ci sono tag che si autochiudono da soli per esempio

<hr /> <br /> ovvero la linea (HR) e a capo (BR)
quindi non c'è bisogno di scrivere <br> </br> ma solo <br />

POI ANCORA, ci sono dei TAG che possono contenere al suo interno altre istruzioni, come ad esempio:

<body bgcolor="COLORE" text="COLORE TESTO">

BODY = TAG PRINCIPALE
BGCOLOR = ATTRIBUTO
= " COLORE " = VALORE DELL'ATTRIBUTO

TAG GENERICO:

<tag attributo="valore">

Piccola pratica manuale? DACCORDO!

Creiamo una pagina per la scuola, dove indichiamo,
lo studente (noi) e le materie che facciamo.

PICCOLA NOTA:
Tra i vari tag html possiamo mettere degli spazi vuoti, per non confonderci e distinguere i vari TAG, tanto il browser non li legge gli spazi vuoti, questo è solo per noi.

Allora:

<html>
<head>
<title> Benvenuto, mi chiamo A-Style! </title>
</head>

<body bgcolor="black" text="white">

<center> <h1> Benvenuto, queste sono le mie materie: </h1>
<br /> <br />
<hr />
<br /> <br />

<table width="50%" border="1">
<tr>
<td> Italiano: </td>
<td> Matematica: </td>
<td> Inglese: </td>
<td> Francese: </td>
</tr>
<tr>
<td> 7 </td>
<td> 8 </td>
<td> 8 </td>
<td> 6 </td>
</table>

</center>
</body>
</html>

SPIEGHIAMO COSA HO FATTO:

con html abbiamo aperto la pagina,
con head e title abbiamo inserito il titolo,
con body abbiamo specificato il colore di sfondo e quello del testo,
con center abbiamo specificato tutto centrato,
con H1 abbiamo specificato un titolo grande,
con due BR abbiamo detto due volte a capo,
con HR abbiamo creato una linea,
altri due BR per separare e andare a capo,
con table abbiamo creato una tabella, width vuol dire larghezza e 50% vuol dire metà pagina di larghezza quindi insomma più meno grande, invece con border abbiamo definito il bordo "1" sottile,
con TR abbiamo definito la colonna e dentro TR mettiamo
le TD ovvero le righe della colonna,
facciamo lo stesso per due volte in modo da formare due colonne e 4 righe ciascuna la sua materia,
chiudiamo la TABLE,
chiudiamo il CENTER,
chiudiamo il BODY,
e in fine chiudiamo il foglio HTML.

Per oggi è tutto ragazzi :)

Spero che questa guida vi abbia aiutato,
per altre informazioni sull'HTML visitate: www.html.it

Diritti guida: Me

Alla prossima :)

Non è tanto utile. Esistono programmi che compilano automaticamente file HTML
Es. WYSIWYG= What you see is what you get
Vuol dire "Quello che vedi è quello che avrai"
ci sono dei compiler che si chiamano WYSIWYG (sono delle tools)
però è buono per chi preferisce fare manualmente
bel lavoro :)

Rispondi


Aggiorna il tuo account per nascondere gli annunci pubblicitari.




Utenti che stanno guardando questa discussione: 1 Ospite(i)



Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  Tutorial [TAG BASICI] Imparare Passo per Passo il HTML & CSS Natnox 0 3,077 04/06/2019, 00:49
Ultimo messaggio: Natnox
  [INTRODUZIONE] Imparare Passo per Passo il HTML & CSS Natnox 0 354 04/06/2019, 00:38
Ultimo messaggio: Natnox
  Tutorial Scrivere un'articolo in html con immagine vicino Loois 0 452 14/06/2017, 23:40
Ultimo messaggio: Loois
  Guida HTML SEMPLICE CmsOwna 1 450 19/02/2017, 19:21
Ultimo messaggio: Kaise Kaskade
Wink Tutorial Icone social network con effetto di rotazione HTML&CSS Natnox 0 523 19/11/2016, 17:42
Ultimo messaggio: Natnox
  Index [Html & CSS] Kralin 3 1,315 12/02/2014, 17:52
Ultimo messaggio: Natnox
  [Guida] Cosa sono i codici HTML, come usarli e dove, i principali più usati Ale7070 2 1,259 16/07/2013, 19:53
Ultimo messaggio: alessandro150