Tutorial [GUIDA] Capire passo passo l'HTML

1036 Visite

A-Style

Nuovo Utente

5.00C

12/2013

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

Grazie

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)

Hewo ReNext

Utente Normale

5.00C

06/2014

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

Grazie

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
	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