[GUIDA] Capire passo passo l'HTML
Si prega di disabilitare gli script di anti adblock per visualizzare questa pagina
NAV
Ciao, ospite! Accedi o Registrati su Stertix.it
Accedi con Facebook LoginRegistrati
Registrati adesso è GRATUITO

Appena entrato avrai:
Norton Safe Web Connessione HTTPS Sicura

Registrati Adesso!

Pubblicità


Tag: GUIDA, Capire, passo, l\HTML,
Nuova Discussione
Rispondi alla Discussione
 
Valutazione discussione:
  • 0 voti - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Guida [GUIDA] Capire passo passo l'HTML
934 Visite
Nuovo Utente
5.00C
2013 Dec
4
7
Nuovo Utente

Messaggio: #1
Guida [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: http://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
2014 Jun
17
24
Utente Normale

Messaggio: #2
Guida [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: http://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.



Facebook Twitter Linkedin MySpace Technorati Digg

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



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



contatore