Imparare l'HTML di base e la mia prima pagina web

Sommario
Che cos'è l'HTML? Il suo acronimo sta per "Hypertext Markup Language". È definito come un linguaggio di tag che consente di sviluppare una pagina web. Tra gli elementi di cui dispone questo linguaggio, ci sono i controlli (etichette, caselle di testo, aree di testo, pulsanti) per implementare moduli, elenchi, tabelle, inserimento di immagini, video, audio, tra gli altri.
È un linguaggio molto semplice da imparare perché non è di per sé un linguaggio di programmazione, ma un linguaggio che segni. Inoltre le parole riservate che lo compongono sono facili da ricordare e molto descrittive.
L'ambiente più elementare per iniziare a fare pratica e sviluppare una pagina web è il comune "Blocco note" che è un editor di testo, sebbene ci siano anche compilatori speciali (ad esempio Netbeans) che hanno la funzione di correzione automatica per quando qualsiasi parola nella sintassi è sbagliato, lo contrassegna e ne facilita l'individuazione.
I file HTML devono essere sempre salvati con l'estensione .html, sia che lo sviluppatore lo aggiunga manualmente sia che l'editor lo aggiunga automaticamente. Il tipo di file .html verrà aperto con il browser o browser di preferenza dell'utente (ad esempio: Internet Explorer, Firefox, Google Chrome, Opera, Safary, ecc.) perché, come detto sopra, il linguaggio HTML è composto da tag : che il browser è predisposto ad interpretare.
Il tuo primo sito web…
In questo caso apriremo il blocco note, poiché stiamo lavorando in ambiente Windows e introdurremo il seguente codice, per il tipico "Hello world!"

Come si può vedere nell'immagine, il file non è stato ancora salvato. Quindi andiamo nel menu File> Salva. Per avere i file che sviluppiamo durante questo tutorial bene organizzati, creeremo una cartella con il nome "BASIC HTML", accediamo a questa cartella e personalizziamo il nome del file, inseriamo il nome "index.html" ricordando che è importante per stabilire l'estensione, altrimenti verrà salvata solo come file di testo, cioè .txt.

Vai alla posizione del file, fai doppio clic sull'icona con il nome "index.html" e si aprirà nel browser predefinito, in questo caso Google Chrome. Questo è quello che vedrai:

Ora torniamo al codice…
Comunica al browser che stai aprendo un file HTML.
Intestazione del documento.
Il mio primo sito web. Titolo della pagina.
Chiudi l'intestazione del documento.
Body, tutto il contenuto di questa sezione apparirà sulla pagina.
Ciao mondo!
Chiusura del corpo.
Chiudi il file HTML.
Il tag comunica al browser che si sta aprendo un documento html, è qui che inizia a interpretare il contenuto. È importante che ogni tag che viene aperto sia chiuso, il tag di chiusura può essere visualizzato alla fine del documento.
indica l'intestazione del documento, qui tra l'altro che impareremo in seguito, verrà inserito il titolo della pagina. Il che ci porta alla riga di codice La mia prima pagina web. , il risultato di questa riga si rifletterà nella barra del titolo del browser. Di seguito la chiusura del tag.
Nelle etichette e nel contenuto della pagina verrà inserito, che può contenere direttamente testo e/o altre etichette di formattazione.
Gli attributi…
Alcuni tag hanno uno o più attributi, questi sono definiti come caratteristiche del tag principale. Alcuni aspetti devono essere presi in considerazione per la definizione degli attributi:
  • Hanno la struttura nome = "valore"
  • Il valore è sempre tra virgolette.
  • Sono posizionati sul tag di apertura.
Esempio: Aggiungeremo l'attributo bgcolor all'etichetta, assegnandogli un valore esadecimale e che sarà racchiuso tra virgolette. Per una guida ai colori lascio il seguente link "Codici colore HTML".

Salviamo il nostro file per visualizzare le modifiche, e il risultato sarà:

*IMPORTANTE:: Le etichette possono essere scritte in minuscolo come abbiamo visualizzato negli esempi e in maiuscolo per esempio. Il World Wide Web Consortium (W3C) raccomanda l'uso di lettere minuscole e XHTML, che è la versione più aggiornata di HTML, accetta solo l'uso di lettere minuscole.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo

Aiuterete lo sviluppo del sito, condividere la pagina con i tuoi amici

wave wave wave wave wave