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

Windows

Come Inserire I Tag Nelle Pagine Del Proprio Sito Fatto Con WYSIWYG Web Builder

Wysiwyg Web Builder è un software adatto alla costruzione di siti web, e che, nonostante il suo costo abbastanza basso, è paragonabile a altri programmi dello stesso genere, il cui prezzo è molto più alto. Con esso non si ha bisogno di scrivere nessun...
Windows

Come modificare il codice di una macro in Excel

In questa guida vi mostrerò in tre semplici passi come modificare il codice di una macro in Excel. Dovete sapere, infatti, che Excel, oltre ad essere un foglio di calcolo, comprende anche un ambiente di sviluppo. Il linguaggio di programmazione usato...
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....
Linux

Guida ai comandi base di VIM

Vim, acronimo di "Vi Improved" è un editor di testo presente sulle piattaforme Linux e Mac, il cui utilizzo avviene all'interno di una sessione di terminale, dove il programma viene lanciato ed eseguito. La caratteristica che ha reso popolare Vim è...
Programmazione

I migliori editor di videogame

Quanti di noi, amanti dei videogames, non hanno mai sognato di creare un videogioco? Molto spesso però ci frena il fatto che non abbiamo le conoscenze di programmazione che ci permetterebbero di poter sviluppare un videogame. Per cui, possiamo riporre...
Linux

Come compilare un programma in C++ da terminale

Da qualche anno la programmazione non è più un tabù. Ormai tutti, per lavoro oppure per passione, disegnano e realizzano nuovi software per le utenze. Si tratta di programmi semplici o complessi appartenenti alla vita comune, di tutti i giorni. Con...
Programmazione

C++: le basi

Sia che ti serva un linguaggio di programmazione semplice e veloce da imparare per fare elaborazione dati, che per scrivere dei piccoli programmini "fai da te" per svolgere alcune funzioni ripetitive e noiose che svolgi durante il giorno con il computer,...
Windows

Come aggiungere lo stutter a una canzone con nero 9 WaveEditor

Lo STUTTER o SILENZIO tra due segnali audio, è un effetto utilizzato da Nero 9 WaveEditor grazie al quale è possibile eliminare una parte del segnale audio, per, ad esempio, creare una pausa tra due parti di un brano o mutare una parte di parlato. Questo...
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 »”.