giovedì 7 maggio 2009

L’HTML e i suoi tag - Parte 1

Ciao raga Sono Francesco (MF 2°E) e cercherò di insegnarvi in qualche modo l’HTML.
Di solito per sviluppare una pagina ci si trova meglio con un editor di HTML come Macromedia Dreamweaver con scrittura facilitata ma può bastare anche il semplice programma “Blocco Note”. Da non utilizzare assolutamente Microsoft Word!!! Per iniziare bisogna creare un file con estensione “.txt”, modificare l’estensione in “.html” e scegliere un nome e alla fine aprire il file con il programma “Blocco Note”.
Ma cosa vuol dire? HTML vuol dire HyperText Markup Language cioè linguaggio di marcatura per ipertesti (traduzione letterale)
L'HTML è composto da tag che devono avere un'apertura <> e una chiusura </>I principali che servono per creare una pagina HTML sono

Ora create un file HTML. Se non sapete come fare basta aprire il programma Blocco Note e salvare il file andando su File > Salva con nome e inserire su Nome file un nome che come estensione abbia .html. Scrivete nel file HTML appena creato:

<html>
<head>
<title>Pagina HTML</title>
</head>

<body>
<p>Paragrafo 1<br />Ciao!<br />Questo è un paragrafo, anche se si è andati a capo</p>
<p>Paragrafo 2<br />Tra il primo e il secondo paragrafo risulterà più spazio</p>
</body>
</html>

Vediamo la funzione dei tag utilizzati:
- <html></html> : Servono a indicare al browser che nello spazio compreso tra di essi si usa il linguaggio HTML
- <head></head> : E’ lo spazio in cui vengono inserite le intestazioni della pagina cioè il titolo, lo stile, ecc...
- <title></title> : Servono a definire il titolo della pagina HTML.
- <body></body> : Servono a indicare lo spazio del corpo della pagina HTML. Quello che viene scritto qui viene visualizzato sulla finestra del browser
- <p></p>: Servono ad indicare al browser che il testo contenuto tra essi è un paragrafo

Alla prossima!!!
By MF

11 commenti:

ILa ___ ha detto...

sinceramente francesco nn ho capito molto.

Marty2°E ha detto...

sai francy l'hai spiegato bene...ma io di informatica nn ci capisco molto...cmq bravo...

_Matte ha detto...

Grazie Francesco, sinceramente tt qst cose nn le sapevo...:-D

Anonimo ha detto...

Nn si capisce mlt...prova a scrivere meglio...xk x la gente k nn conosce queste cs nn è x nnt facile!!!!Ciao...

Ange_ ha detto...

:O--->solo tu sai queste cose kekko!!Sei super!!!^^

sar@ dll fantastik@ 1f ha detto...

concordo con ange_!!!!!!!!!!!!!!!!!!!!!

Lavo 3a... ha detto...

Ciao,quoto gli altri,io che me ne intendo riesco a capirli,ma gli ho fatti leggere ad un mio amico e si e' fermato alla prima riga..
Magari speiga un po' di piu in parole povere il significato ad esempio [CODE]ciao[/CODE] serve per inserire un codice (cambiare la parola ciao)...
oppure [IMG]http://[/IMG] per inserire un immagine.
Ecco cose semplici..cmq bel lavoro..

Anna 1°D ha detto...

Kekko sei mitico!!! Ma nn ho capito molto!!!

Prof. Macca ha detto...

ciao Lavo...sarebbe una bella idea se volessi collaborare con Francesco...2 teste are better then one ;-)

Lavo 3a... ha detto...

Se Francesco Vuole Io Non Ho Nessun Problema ^^ Magari Si Fissa Un Orario In Cui C'è Lei Al Blog Cossiche' Vediamo..

MF ha detto...

X me va bene