Guida HTML per creare una pagina web

tramite: O2O
Difficoltà: media
16

Introduzione

Premessa: questa non vuole essere una Guida HTML completa, ma una semplice guida per creare la vostra prima pagina web. Per una guida completa vi invito a visitare la guida di HTML.it. HTML significa Hyper Text Markup Language, cioè linguaggio a marcatori per ipertesti. È un linguaggio di programmazione con il quale i browser visualizzano le pagine web. Un file HTML contiene solo testo, e per crearlo basta un semplice editor di testo come il Blocco note di Windows. Oltre agli editor di testo standard è possibile utilizzare degli editor WYSIWYG (What You See Is What You Get), che permettono di creare una pagina web senza conoscere l'HTML, ma limitandosi a modellare graficamente la pagina. In questa guida utilizzeremo il Blocco note di Windows, che va più che bene per imparare le basi dell'HTML (chi utilizza altri sistemi operativi può usare l'editor di testo che preferisce, la sostanza della guida non cambia).

26

Occorrente

  • Un pc
  • conoscenza del codice html
36

Il linguaggio html

Ora andremo a spiegarvi in pochi passi come creare una pagina web in html.
Html è un linguaggio informatico che si occupa di programmazione, un po' come visual basic o c++, e permette di costruire delle pagine web. Potreste controllare facilmente questo linguaggio con una semplice ricerca in rete, aprendo un browser cliccando nella voce denominata "html". Vi comparirà immediatamente una pagina scritta in questo codice. La logica di html è si rifà alla composizione fisica di una persona, con le varie sezioni che, partendo dalla voce iniziale "html", scendono poi a "head" ovvero testa, poi vanno a proseguire attraverso "body" ovvero corpo. Ogni sezione va aperta e poi chiusa.

46

Lo sviluppo della parte iniziale

Aprire una sezione è molto facile, si utilizza questo linguaggio: . Questa è la sezione più lunga, che rimarrà aperta per tutta la durata del codice della pagina web, e che poi terminerà nel momento in cui avrete finito il vostro lavoro attraverso questa scrittura: . La stessa logica vale per le altre voci head, title e body.
Cominciate, quindi aprendo la pagina con e aprendo immediatamente dopo la voce , ovvero testa. All'interno di questa area, dovrete occuparvi della parte iniziale, ovvero del titolo, che dovrà essere inserito in una sua sezione specifica. Per farlo, aprite all'interno dell'area una voce e scrivete il titolo che vorrete dare alla vostra pagina, per poi concludere chiudendo questa piccola sezione con . Qualora non abbiate nient'altro da inserite nella macro area della "testa", allora chiudete anche questa, scrivendo a capo: .

Continua la lettura
56

Lo sviluppo del "body"

Ora è arrivato il momento di sviluppare il corpo della pagina e, di conseguenza, dovrete aprire la voce , ovvero corpo. Tutte le informazioni fondamentali che vorrai far visualizzare all'interno della pagina dovrai scriverle all'interno di quest'area, e quindi scrivi tutto il contenuto che vuoi trasmettere a livello d'informazioni al lettore.
Quando avrai terminato anche questo passaggio, potrai decidere di inserire anche delle immagini di sfondo, che si uniscano al contenuto come supporto a ciò che è stato scritto. Farlo è davvero molto semplice, e si sviluppa sempre all'interno dell'area . Dopo aver scritto tutto il contenuto, vai a capo e apri una voce . All'interno delle virgolette inserisci l'url dell'immagine che avrai preso da internet, e avrai terminato anche questo semplice passaggio, in quanto non ti servirà chiudere la voce sull'immagine.
Se non avrai nient'altro da inserire, ora potrai chiudere le altre voci che hai fino a ora dovuto lasciare aperte, ovvero body e html. Per farlo, digita e, successivamente, a capo .
Verifica che le sezioni aperte abbiano avuto una loro chiusura e salva la pagina di lavoro che hai utilizzato.
Eccovi un link d'approfondimento sul tema: http://www.html.it/guide/guida-html/.

66

Consigli

Alcuni link che potrebbero esserti utili:

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Come creare un sito web in HTML5

L’ HTML5 è un insieme di tecnologie volte allo sviluppo e alla creazione di web application e pagine web. Le novità introdotte sono molteplici, che tendono a semplificare la creazione di un sito, utilizzando markup e semantica più facile. Uno tra...
Programmazione

Come creare una pagina web responsive

Oggi la navigazione in internet è alla base di tantissimi servizi e fa ormai parte del nostro quotidiano. Qualunque sia il tipo di ricerca che vogliamo effettuare, il tipo di informazione che desideriamo ottenere, il web ha la risposta che fa per noi....
Programmazione

Guida: Programmare in HTML5

L'HTML5 è uno scripting-language usato esclusivamente per costruire pagine Internet. Universalmente diffuso e abbastanza semplice da imparare, consente di predisporre contenuti da esporre sul Web facilmente e dotati di caratteristiche anche sofisticate....
Programmazione

Come progettare una pagina web

Hai deciso anche tu di tuffarti nella rete di internet?Ecco come progettare la tua pagina web!La prima cosa da fare è definire con chiarezza qual è il tuo obiettivo.Tutte le fasi di lavorazione devono essere coerenti con quanto ti sei prefissato.Realizza...
Programmazione

Guida alle basi di Html

Oggi programmare è diventata una delle cose più importanti da saper fare. Infatti si è calcolato che la programmazione rispetto agli ultimi 10 anni è aumentata del 70% e la richiesta di giovani programmatori nel panorama lavorativo è anch'esso in...
Programmazione

Come iniziare a programmare in HTML 5

Prima di iniziare è bene precisare che con la parola "programmare" riferita al linguaggio HTML 5 è usata in modo improprio. Infatti l'HTML serve a programmare poco e nulla, per le programmazioni e più utile usare i PHP, Javascript, asp ecc.Fatta questa...
Programmazione

HTML: 10 cose da sapere

HTML è il principale linguaggio di pubblicazione di pagine Web. Grazie a questo tipo di linguaggio è possibile creare link tra le pagine, decidere l'importanza da assegnare ai testi, inserire immagini, e tanto altro ancora. La conoscenza dell'HTML è...
Programmazione

HTML: impostare il colore di sfondo

L' html è un potente linguaggio testuale che serve per la creazione di pagine Web. Nato moltissimi anni fa, viene ancora oggi utilizzato come principale linguaggio e metodo per la creazione di siti web, durante gli anni è stato inoltre migliorato innumerevoli...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.