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

Assicurati di avere a portata di mano:
  • 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

Internet

Come convertire un template PSD in HTML

Nel campo del web design i template sono dei file che contengono la formattazione base di un sito e quindi comprendono: sfondo, tipo di carattere ...
Internet

Come creare una pagina HTML

Ciascuna pagina web si basa su un insieme di comandi utili al browser per farla apparire visivamente nella maniera desiderato dalla persona che la sta ...
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 ...
Internet

Come fare un sito web con Dreamweaver

Realizzare un sito internet richiede innanzitutto la conoscenza più o meno approfondita del linguaggio HTML, poi in seconda analisi un programma dove scrivere tale linguaggio ...
Internet

Come centrare pagina html

L'Html è il linguaggio di formattazione che descrive come impaginare o visualizzare un contenuto di una pagina con dei tag di formattazione. L'Html ...
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 ...
Programmazione

Appunti di php

Il PHP è un linguaggio di programmazione come lo sono per esempio anche HTML e JAVA. Così come gli esempi, esso viene utilizzato per la ...
Software

Come creare un pannello scorrevole verticale usando jQuery e CSS3

Spesso è capitato di restare colpiti dalle animazioni grafiche di qualche notizia letta in rete o da una presentazione che ci è stata sottoposta e ...
Programmazione

Come creare un login in PHP con sessioni

I linguaggi di programmazione sono diversi e ci tornano utili per organizzare in modo ordinato numerose pagine web. Uno dei più funzionali è senza alcun ...
Programmazione

Come mappare un'immagine con l'HTML

In Informatica, grazie ad un linguaggio di formattazione di dominio pubblico, è possibile gestire la struttura, la visualizzazione grafica, di un contenuto web. In questa ...
Internet

Come effettuare un redirect in HTML

Esistono diversi modi per effettuare il redirect, ovvero per reindirizzare l'utente verso un'altra pagina web. Di seguito verrà spiegato il redirect tramite l ...
Programmazione

Come iniziare con JSP

Creare pagine web è una di quelle operazioni che ormai si sta sempre più diffondendo, poiché esistono numerosi programmi, sempre più semplici da utilizzare ed ...
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 ...
Internet

Come visualizzare il codice HTML di una pagina web

L'hypertext Markup Language o meglio conosciuto come HTML è il linguaggio di formattazione più utilizzato nella creazione di pagine web vale a dire che ...
Internet

Come creare uno slideshow con NivoSlivder

Se avete bisogno di utilizzare uno slideshow che sia semplice sia nell'installazione, sia nella configurazione che nell'utilizzo, allora il NivoSlivder è uno dei ...
Internet

Come centrare un'immagine HTML

Se avete un sito web o un blog e quindi volete inserire delle immagini html ma non sapete come fare e sopratutto non conoscete le ...
Programmazione

Come creare animazioni con HTML5

Dalla sua nascita, il linguaggio HTML ha subito diverse modifiche e miglioramenti che, col passare del tempo, l'hanno portato alla sua ultima versione: ovvero ...
Windows

Come Realizzare Una Presentazione con frontpage

FrontPage è uno dei tanti editor presenti sul mercato che serve principalmente per creare siti web. È un editor di tipo wysiwyg, ossia un particolare ...
Windows

Come convertire i file mht in html

Il formato MHT è un formato di archiviazione dei dati impiegato per salvare pagine web e documenti ipertestuali. Questo tipo di formato permette inoltre di ...
Mac

Come creare una firma in Mail di Mac

Realizzare un'email firmata e con un eventuale logo rappresenta uno stratagemma che consente, al ricevente, di visualizzare i vostri dati nel testo del documento ...
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»”.