Anche se i siti web moderni sono generalmente costruiti con interfacce user-friendly 10 modi per creare un sito web piccolo e semplice senza l'overkill 10 modi per creare un sito web piccolo e semplice senza l'overkill WordPress può essere un eccessivo. Come dimostrano questi altri servizi eccellenti, WordPress non è il tutto e non finisce la creazione di siti web. Se vuoi soluzioni più semplici, c'è una varietà tra cui scegliere. Per saperne di più, è ancora bene conoscere alcuni HTML di base. Se conosci i seguenti 17 tag (e gli extra che li accompagnano), sarai in grado di creare una pagina web di base da zero o modificare il codice creato da un'applicazione come WordPress Blogger vs. Wordpress.com: Un confronto completo Blogger vs. Wordpress.com: un confronto completo I due indiscussi re della sfera dei blog gratuiti sono Blogger di Google e il sistema di gestione dei contenuti trasformato in host WordPress.com. Entrambi offrono ciò che vuole ogni democrazia che pensa a pensare liberamente - il cannone del pensiero - un posto dove esprimersi - ecco ... Per saperne di più .

Ho fornito esempi per la maggior parte dei tag, ma se vuoi vederli in azione, scarica il file HTML collegato alla fine dell'articolo. Puoi giocarci con un editor di testo e caricarlo in un browser per vedere quali sono le tue modifiche.

1.

Avrai bisogno di questo tag all'inizio di ogni documento HTML che crei. Assicura che un browser sappia che sta leggendo HTML e che si aspetta HTML5, l'ultima versione Che cos'è HTML5 e come cambia il modo in cui navigo? [MakeUseOf Explains] Che cos'è HTML5 e come cambia il modo in cui navigo? [MakeUseOf Explains] Negli ultimi anni, potresti aver sentito il termine HTML5 ogni tanto. Che tu sappia qualcosa sullo sviluppo del web o no, il concetto può essere alquanto nebuloso e confuso. Ovviamente, ... Per saperne di più .

Anche se questo non è in realtà un tag HTML, è comunque buono da conoscere.

2.

Questo è un altro tag che indica a un browser che sta leggendo HTML. Perché abbiamo bisogno di entrambi? Chissà? Ma è una buona idea metterlo in ogni caso.

E alla fine del tuo documento, aggiungi un etichetta.

3.

Per le pagine di base, il il tag conterrà il tuo titolo, e questo è tutto. Ma ci sono alcune altre cose che puoi includere, che esamineremo tra un momento.

4.

Questo è il nome che verrà visualizzato come titolo della scheda quando viene aperto in un browser.

5.

Come il tag del titolo, i metadati vengono inseriti nell'area dell'intestazione della pagina (questi metadati, a differenza dei metadati dai tuoi dispositivi mobili Metadata - Le informazioni sui tuoi metadati delle informazioni - Le informazioni sulle tue informazioni Ulteriori informazioni, non sono sensibili). I metadati sono utilizzati principalmente dai motori di ricerca e sono, come ci si potrebbe aspettare, informazioni sulle informazioni sulla tua pagina. Esistono diversi campi meta, ma questi sono alcuni dei più usati:

• descrizione - Una descrizione di base della tua pagina.
• parole chiave - Una selezione di parole chiave applicabili alla tua pagina.
• autore - L'autore della tua pagina.
• viewport - Un tag per garantire che la tua pagina appaia su tutti i dispositivi.

Ecco un esempio che potrebbe essere applicato a questa pagina:

Il “viewport” il tag dovrebbe sempre avere “width = device-width, initial-scale = 1.0” come contenuto per assicurarti che la tua pagina sia visualizzata correttamente su dispositivi mobili e desktop.

6.

Il corpo della tua pagina web - praticamente tutto ciò che non è il titolo è impostato all'interno del tag del corpo. È semplice come sembra:

 Tutto ciò che vuoi visualizzato sulla tua pagina. 

7.

Il

tag definisce intestazioni di livello uno sulla tua pagina.

definisce le intestazioni di livello due,

livello tre, e così via, fino a

. Ad esempio, i nomi dei tag in questo articolo sono intestazioni di livello due.

Intestazione grande e importante
 
Intestazione leggermente meno grande
 
Sotto-Header

Risultato:

Intestazione grande e importante

Intestazione leggermente meno grande

Sotto-Header

Come puoi vedere, diventano più piccoli ad ogni livello.

8.

Il tag del paragrafo inizia un nuovo paragrafo. Questo in genere inserisce due interruzioni di riga.

Guarda, ad esempio, alla pausa tra la linea precedente e questa. Questo è ciò a

tag lo farà.

Il tuo primo paragrafo.
 
Il tuo secondo paragrafo.

Risultato:

Il tuo primo paragrafo.

Il tuo secondo paragrafo.

Puoi anche usare gli stili CSS nei tuoi tag di paragrafo, come questo:

20% in più di testo

Risultato:

20% in più di testo

Per imparare come utilizzare i CSS per lo stile del tuo testo, dai un'occhiata a questi tutorial HTML e CSS. Impara HTML e CSS con questi tutorial passo passo. Impara HTML e CSS con questi tutorial passo per passo. Curioso su HTML, CSS e JavaScript? Se pensi di avere un talento per imparare a creare siti Web da zero, ecco alcuni tutorial dettagliati che vale la pena provare. Leggi di più .

9.

Il tag interruzione di riga inserisce un'interruzione di riga singola:

La prima linea.
 La seconda riga (vicino al primo).

Risultato:

La prima linea.
La seconda riga (vicino al primo).

Nota: a volte potresti vedere questo tag scritto come
o
. Fa la stessa cosa (la barra rende il tag leggibile in XHTML Impara a parlare "Internet": La tua guida a xHTML Impara a parlare "Internet": la tua guida a xHTML Benvenuti nel mondo di XHTML - Extensible Hypertext Markup Language - un markup linguaggio che consente a chiunque di costruire pagine Web con molte funzioni diverse: è la lingua principale di Internet..

10.

Questo tag definisce il testo importante. In generale, ciò significa che sarà audace. Tuttavia, è possibile utilizzare i CSS per creare visualizzazione del testo in modo diverso.

Tuttavia, puoi tranquillamente usare in grassetto.

Cose molto importanti che vuoi dire.

Risultato:

Cose molto importanti che vuoi dire.

Se hai familiarità con il tag per il testo in grassetto, puoi ancora usarlo. Non c'è alcuna garanzia che continuerà a funzionare nelle future versioni di HTML, ma per ora funziona.

11.

Piace e , e sono correlati. Il il tag identifica il testo enfatizzato, che generalmente significa che verrà scritto in corsivo. Di nuovo, c'è la possibilità che i CSS facciano apparire il testo enfatizzato in modo diverso.

Una linea enfatizzata.

Risultato:

Una linea enfatizzata.

Il il tag funziona ancora, ma ancora, è possibile che sia deprecato nelle future versioni di HTML.

12.

Il , o ancora, tag ti consente di creare collegamenti. Un link semplice ha questo aspetto:

Vai a MakeUseOf in una nuova scheda

Risultato:

Vai a MakeUseOf in una nuova scheda

Il “titolo” attributo crea un suggerimento. Passa il mouse sopra il link sottostante per vedere cosa intendo:

Passa il mouse su questo

Risultato:

Passa il mouse su questo

13.

Se vuoi incorporare un'immagine nella tua pagina, devi usare il tag immagine. Il modo più semplice per usarlo è semplicemente aggiungere la fonte dell'immagine nel file “src” attributo, come questo:

Risultato:

wp-content / uploads / 2016/02 / HDR-moderation.png” />

Questo include l'immagine. Tuttavia, ci sono una serie di altri attributi che ti piaceranno usare, come “altezza,” “larghezza,” e “alt.” Ecco come potrebbe apparire:

Risultato:

wp-content / uploads / 2016/02 / HDR-moderation.png” alt =”il nome della tua immagine” larghezza =”320 "/>

Come ci si potrebbe aspettare, il “altezza” e “larghezza” gli attributi impostano l'altezza e la larghezza dell'immagine. In generale, è una buona idea impostarne solo uno in modo che l'immagine si adatti correttamente. Se si utilizzano entrambi, si potrebbe finire con un'immagine allungata o schiacciata.

Il “alt” tag indica al browser quale testo visualizzare se l'immagine non può essere visualizzata ed è una buona idea includerla in qualsiasi immagine. Se qualcuno ha una connessione particolarmente lenta 4 motivi per cui il Wi-Fi è così lento (e come risolverli) 4 motivi per cui il Wi-Fi è così lento (e come risolverli) Soffrendo di un Wi-Fi lento? Questi quattro problemi possono rallentare la tua rete. Ecco come risolverli per ottenere di nuovo rapidamente. Leggi di più o un vecchio browser, possono ancora avere un'idea di ciò che hai nella tua pagina.

14.

Il tag elenco ordinato consente di creare un elenco ordinato. In generale, ciò significa che otterrai una lista numerata. Ogni elemento nell'elenco ha bisogno di un tag di elenco (

 
Prima cosa
 
Seconda cosa
 
Terza cosa