HTML è l’acronimo di “HyperText Markup Language” ed è il codice utilizzato per definire tutte le pagine del World Wide Web. Indica ai browser web come visualizzare il contenuto delle pagine.
Anche se è utile conoscere l’HTML, non è necessario per creare un sito web WordPress.
Tuttavia, sapere come modificare l’HTML può essere utile per la personalizzazione avanzata e la risoluzione dei problemi.
Che cos’è il linguaggio di marcatura ipertestuale (HTML)?
Ogni pagina web viene creata utilizzando codice HTML e, di solito, anche codice CSS e JavaScript. Questo rende l’HTML molto importante per tutti i siti web.
Abbiamo già detto che HTML sta per “HyperText Markup Language”. Vediamo di scomporlo:
- Ipertesto significa che è possibile aggiungere collegamenti alle proprie pagine web. Questi collegamenti possono portare a pagine correlate del proprio sito web o di altri siti. Inoltre, consentono di passare da una parte all’altra della pagina corrente.
- Ilmarkup si riferisce a codici o tag speciali che si possono usare per descrivere o definire diverse parti del documento. Forniscono istruzioni su come il testo deve essere visualizzato o sul tipo di contenuto.
In breve, l’HTML è un linguaggio utilizzato per creare la struttura di base di una pagina web.
Esempi di codice HTML
Il markup HTML utilizza un sistema di tag racchiusi tra parentesi angolari. Questi tag definiscono vari elementi, come paragrafi, titoli, collegamenti, immagini e altro.
Ecco alcuni esempi.
Ogni paragrafo di una pagina web è circondato da tag di paragrafo come questo:
<p>This is a paragraph of text in HTML.</p>
È inoltre possibile utilizzare i tag HTML per creare fino a 6 livelli di titoli sul proprio sito web, come questo:
<h1>This Is a Main Heading</h1>
<h2>This Is a Subheading</h2>
È possibile creare collegamenti in HTML utilizzando tag di ancoraggio come questo:
<a href="https://www.example.com">click on this anchor text</a>
È anche possibile aggiungere immagini a una pagina web utilizzando l’HTML, specificando l’URL dell’immagine e una descrizione come questa:
<img src="image.jpg" alt="A description of the image">
Il markup HTML può sembrare difficile per un principiante. Ci si può chiedere se sia necessario comprendere l’HTML prima di poter creare un sito web.
È necessario comprendere l’HTML per creare un sito web WordPress?
Agli albori di Internet, era comune creare siti web statici utilizzando il codice HTML. Ma oggi non è più così.
Oggi la maggior parte dei siti web viene realizzata con un costruttore di siti web, senza dover comprendere il codice HTML. WordPress è il costruttore di siti web più diffuso e alimenta il 43% di tutti i siti web.
Invece di costringere l’utente a usare complessi tag HTML per creare paragrafi, intestazioni e altro, WordPress offre un editor di blocchi facile da usare.
Questo permette di costruire una pagina web trascinando i blocchi nell’area dei contenuti. Ad esempio, esistono blocchi per paragrafi, titoli, elenchi, immagini e molto altro.
Un altro modo per creare pagine web in WordPress è utilizzare un plugin drag-and-drop per la creazione di pagine. Questi strumenti consentono di creare design personalizzati di siti web WordPress senza scrivere alcun codice.
SeedProd è il miglior plugin per la creazione di pagine sul mercato e consente di creare facilmente pagine personalizzate come landing page, pagine coming soon e persino temi WordPress completi e personalizzati.
Sia che utilizziate l’editor di blocchi di WordPress o un plugin per la creazione di pagine, il codice HTML necessario per il vostro sito web viene creato automaticamente dietro le quinte.
Per saperne di più sui costruttori di siti web rispetto alla codifica di un sito web da zero, potete consultare la nostra guida su come codificare un sito web (guida completa per principianti).
Aggiunta o modifica del codice HTML in WordPress
Anche se non è necessario conoscere l’HTML per creare un sito web, una certa conoscenza dell’HTML può essere utile quando si risolvono i problemi del sito o si eseguono personalizzazioni avanzate.
Quando si utilizza l’editor di blocchi di WordPress, è possibile visualizzare e modificare il codice HTML di un particolare blocco selezionando “Modifica come HTML” dal menu a tre punti.
È anche facile aggiungere nuovo HTML a un post o a una pagina.
È sufficiente trascinare un blocco HTML personalizzato nell’area del contenuto e aggiungere il codice HTML.
Per saperne di più, consultate la nostra guida su come modificare l’HTML nell’editor di codice di WordPress.
Un altro modo per utilizzare il codice HTML sul vostro sito web è quello di aggiungere caratteri speciali come il simbolo del copyright o del marchio.
È sufficiente modificare l’HTML del blocco e digitare ©
per aggiungere il simbolo del copyright © o ™
per aggiungere il simbolo del marchio ™.
Per saperne di più, consultate la nostra guida su come aggiungere caratteri speciali nei post di WordPress.
Potreste anche essere curiosi di conoscere il codice HTML utilizzato da altri siti web. I moderni browser web, come Google Chrome e Mozilla Firefox, dispongono di strumenti integrati che consentono di ispezionare il codice HTML e CSS di una pagina web.
Questo può essere utile quando si cerca ispirazione per il proprio sito web. Si può anche sperimentare in tutta sicurezza la modifica del codice, perché influisce solo sulla visualizzazione del sito nel proprio browser web.
Per maggiori dettagli, consultare la nostra guida sulle basi dell’elemento Inspect.
Qual è la differenza tra HTML e CSS?
Abbiamo detto che i moderni browser web consentono di ispezionare il codice HTML e CSS di qualsiasi pagina web. Vi starete chiedendo quale sia la differenza tra i due tipi di codice.
L’HTML definisce la struttura e il contenuto di una pagina web, ma non l’aspetto di questi elementi. Questo è il compito dei CSS, acronimo di “Cascading Style Sheets”.
IlCSS è un linguaggio che aiuta a creare lo stile del sito web. Ad esempio, consente al browser web dell’utente di scegliere il colore di sfondo della pagina, il colore e la dimensione delle intestazioni e dei paragrafi, l’allineamento del testo e molto altro ancora.
Il tema WordPress scelto definirà il CSS utilizzato per il vostro sito web. Tuttavia, è possibile modificare l’aspetto del sito personalizzando il codice CSS.
Per saperne di più, consultate la nostra guida su come aggiungere facilmente CSS personalizzati al vostro sito WordPress.
Speriamo che questo articolo vi abbia aiutato a saperne di più sull’HTML in WordPress. Potreste anche consultare il nostro elenco di letture aggiuntive qui sotto per trovare articoli correlati su suggerimenti, trucchi e idee utili per WordPress.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Ulteriori letture
- Come modificare l’HTML nell’editor di codice di WordPress (Guida per principianti)
- Come aggiungere facilmente codice personalizzato in WordPress (senza distruggere il sito)
- Come creare un sito web (Guida completa per principianti)
- WordPress vs. HTML statico – Cosa è meglio per il vostro sito web aziendale?
- CSS
- Come aggiungere caratteri speciali ai post di WordPress
- Come aggiungere facilmente CSS personalizzati al vostro sito WordPress
- Nozioni di base sull’elemento Inspect: Personalizzazione di WordPress per gli utenti fai-da-te
- Come scegliere il miglior builder di siti web nel 2024? (A confronto)