HTML - Hello World!

google-plus Scritto da . Postato in HTML

Per iniziare a mettere mano alla creazione di pagine dedicate al mondo del web è sicuramente necessario capire come funziona l'HTML e come è strutturata una pagina creata con questo linguaggio markup.

Creare la prima pagina HTML

A tal proposito, vediamo ora come creare la più semplice delle pagine HTML. Il suo contenuto sarà: "Hello, World!".

Scriviamo i tag di struttura della pagina. In seguito, tra i tag <body> e </body> inseriamo il messaggio che vogliamo visualizzare:

// HTML CODE
 0  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//IT">  1  <html>  2      <head>  3          <title>Hello World!</title>  4      </head>  5      <body>  6          Hello World!  7      </body>  8  </html> 

 

Per digitare la pagina, usate un editor di testo qualunque: basterà anche il semplice Blocco note di Windows. Sarà poi sufficiente salvare il documento come file "hello.html":

  • Usando Blocco note, dopo aver digitato il codice, andate su File > Salva con nome.
  • Nella casella di testo inserite il nome che volete, seguito da .html; Il tutto tra apici (es. "hello.html").
  • Salvate il file nella cartella c:\xampp\htdocs\vostronome 
  • Avviate Apache dal pannello di controllo di XAMPP
  • Per vedere il risultato, aprite il vostro Browser preferito e nella barra degli indirizzi digitate http://localhost/vostronome/hello.html 

Dovreste vedere un risultato simile a quello dell'immagine:

 

hello world

Se vuoi sapere anche come creare una prima pagina PHP, leggi il seguente articolo:

PHP - Hello World!


 

Se hai gradito l'articolo, condividilo, basta un click:

Aggiungi commento

I commenti lasciati dagli utenti del blog sono sempre soggetti a controllo prima di eventuale pubblicazione. I commenti non considerati adatti per contenuti, spam o forma saranno eliminati e non pubblicati. Leggi i Termini e Condizioni di utilizzo per maggiori informazioni.


Codice di sicurezza
Aggiorna

  • logo teoca
  • materexcel collabora
  • logo flash pulizie
  • revolution srl
  • logo arcotraslochi
  • montaggio mobili trento
  • logo elevatori sito
  • logo prontopro

Per essere più facile ed intuitivo, il blog fa uso dei cookie, piccole porzioni di dati che consentono di capire come gli utenti navighino e ne visualizzino le pagine. I cookie non registrano alcuna informazione personale sull'utente ed eventuali dati identificabili non verranno memorizzati. Ti invitiamo a prendere visione della nostra Informativa sulla Privacy (aggiornata il 25/05/2020). Oppure visiona la nostra Cookie Policy (aggiornata il 17/10/2019):