Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Che cos'è: HTML

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.

Glossary Entry for HTML

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.

Block Editor

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.

Adding a headline to a custom landing page

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.

Choose the edit as HTML option from the Options dropdown menu in the block toolbar

È 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.

Paste the discord widget shortcode into the HTML block

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 &copy; per aggiungere il simbolo del copyright © o &trade; 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.

Inspect HTML and CSS

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!