HTML base che ogni utente WordPress dovrebbe conoscere

HTML BASE

Il web è fondato sul linguaggio HTML, credo che ogni persona che si accinge a realizzare un sito web in WordPress debba conoscere almeno le basi dell’html.

Troppo spesso anche io stesso dimentico di continuare ad imparare L’HTML e mi concentro solo sui CMS, questo è un errore: devi imparare almeno HTML e CSS e, in seguito, se vuoi programmare seriamente, iniziare a padroneggiare PHP e JavaScript.

È vero che è diventato più semplice realizzare un sito web grazie a Elementor o SeedProd ma comunque, se vuoi realizzare qualcosa di personalizzato, conoscere i linguaggi di programmazione è indispensabile.

HTML BASE

Non c’è il caso di imparare tutto in un’unica volta, si impara piano piano.

HTML è l’abbreviazione del linguaggio di markup ipertestuale, il che significa che non è interamente un linguaggio di programmazione poiché l’HTML non ordina al tuo computer di eseguire le cose, quello che fa è prendere un testo che hai sulla tua pagina ed applicare un marcatura (grassetto, allineamento, dimensione, ecc).

L’HTML ti offre la possibilità di includere link e immagini e, con HTML5 (l’ultima versione), di manipolarli a tuo piacimento.

L’HTML va incluso all’interno di tag.

<html>
<head>
<title>Il titolo della pagina web inseriscila qui</title>
</head>
<body>
<h1>  titolo della pagina visibile al visitatore </h1>
<p> Contenuto </p>
<p> Altri contenuti </p>
<p> Sempre più contenuti </p>
<h2> Intestazione della sezione </h2>
<p> <img src = "https://www.guide-web.it/wp-content/uploads/2021/02/errore-critico-Wordpres-1024x410.jpg"> </p>
<p> <a href="https://www.guide-web.it/"> Un collegamento al sito web di formazione di Help WordPress </a> </p>
</body>
</html>

Visualizzato da un browser, il risultato di quello che ho scritto sarebbe questo:

HTML BASE LEZIONE

Codici HTML base

I codici che vedrai di seguito ti aiuteranno a personalizzare il contenuto del tuo testo html, vanno rinchiusi tra i Tag <>.

HTML <strong>

Questa dicitura non fa altro che grassettare il testo, puoi anche utilizzare <b> ma, poiché i motori di ricerca preferiscono il markup semantico, è meglio che ti abitui ad utilizzare <strong>.

Esempio <strong> testo in grassetto </strong>

Il corsivo in HTML

Per far si che il tuo testo in html sia in corsivo inserisci il codice così come ti suggerisco nell’esempio:

Esempio <em> testo in corsivo </em> 

Intestazione in HTML

Tag HTML <h1>, <h2>, <h3>, <h4>, <h5>, <h6> che usiamo per dividere il nostro contenuto in parti.

Sebbene la maggior parte delle pagine web abbia un solo <h1>, Google non ti penalizza se ne inserisci due. Chi dice il contrario è perché crede a vecchie leggende metropolitane.

<h2> H2 è il Tag di intestazione più utilizzato. </h2>
    <h3> il tuo titolo in h3. </h3>
        <h4> E così via. </h3>

Inserire un’immagine

L’inserimento di immagini è una delle cose più utili che l’HTML ci permette di fare.

Tutto quello che devi fare è conoscere ed inserire l’URL dell’immagine che vuoi mostrare nella tua pagina e inserirlo nel tag HTML <img src>.

<img src = "https://www.guide-web.it/wp-content/uploads/2021/02/errore-critico-Wordpres-1024x410.jpg" alt = "Testo alternativo dell'immagine">

Inserire un codice nel codice HTML può essere utile, vediamo come fare

<a href="https://www.guide-web.it/"> collegamento al sito web di migliore di Tutorial WordPress </a>

Se guardi l’esempio sopra, chiudiamo semplicemente con un </a> e puoi inserire qualsiasi testo all’interno, che sarà un il link cliccabile, chiamato anche testo di ancoraggio.

Citazione in HTML

Ad un certo punto vorrai citare il testo di qualcun altro, ed è qui che ti servirà usare il tag <blockquote>:

<blockquote> Questo testo verrà visualizzato con uno stile speciale (dipende dal tema) per indicare che si tratta di una citazione. </blockquote>

Paragrafi

Se vuoi mantenere i tuoi paragrafi separati, per far si che il tuo testo non risulti un enorme mattone, racchiudi ognuno di essi nel tag di apertura e chiusura <p>.

<p> Questo è un paragrafo. </p>
<p> Questo è un paragrafo diverso. </p>

Interruzione

<br> produce un’interruzione nella linea di testo (a capo).

Questo è un testo con un'interruzione della riga alla fine. <br>
Questo è un altro testo dopo l'interruzione della riga riga

Conclusione

L’HTML base è ancora utilizzato per le fondamenta di ogni sito web, compresi quelli creati con WordPress.

Per controllarlo ti basterà fare click con il pulsante destro del mouse sul tuo sito web e cliccare sul collegamento per vedere il codice sorgente.

Default image
Gregorio
Guide-web è stato realizzato per dare assistenza alle persone che intendono realizzare il proprio sito web in autonomia. All'interno di questo blog troverete le sezioni Guide WordPress, Guide SEO e Piattaforme Web ricche di guide pratiche; è possibile anche ricevere assistenza tecnica per il proprio sito web.
Articles: 217

Newsletter Updates

Enter your email address below to subscribe to our newsletter

Leave a Reply

Contattami
close slider

WordPress cos'è

Ciao hai un problema con Wordpress?

Contattami al 320-6715598
puoi usare anche WhatsApp