Wordpress e sviluppo Web

Top 11 tag HTML che ogni blogger e proprietario del sito web devono conoscere

Top 11 tag HTML che ogni blogger e proprietario del sito web devono conoscere / Wordpress e sviluppo Web

Il world wide web conosce molte lingue ed è codificato in molti diversi. L'unico linguaggio, tuttavia, che può essere trovato dappertutto ed è stato utilizzato sin dall'invenzione delle pagine Web, è l'HyperText Markup Language, meglio conosciuto come HTML. Come suggerisce il nome, l'HTML non è una programmazione, ma un linguaggio di markup. I markup sono interpretati dai browser per visualizzare i contenuti sui siti Web. Nella sua forma più semplice, l'HTML viene utilizzato per formattare il testo, incorporare i file multimediali e organizzare il contenuto su una pagina web. In altre parole, HTML descrive pagine Web e in base a questa descrizione, il browser crea una 'immagine'.

Grazie ai costruttori di siti web gratuiti, nessuno ha più problemi a codificare HTML. Tuttavia, a volte i tag HTML possono rivelarsi utili, ad esempio per apportare modifiche rapide a un sito Web, aggiungere l'ipertesto in un commento o formattare il testo per un post sul forum. In questo articolo voglio mostrarvi alcuni, forse casuali, ma sicuramente utili e semplici tag per l'uso quotidiano.

Prima di iniziare, permettimi di presentarti alcune regole base che, si spera, renderanno più comprensibili i tag HTML:

  • HTML utilizza tag di markup, che sono racchiusi tra parentesi angolari, come questo:
  • I tag che assomigliano a quelli nell'esempio sopra sono chiamati tag di inizio. Ogni tag di inizio deve essere seguito da un tag di chiusura ad un certo punto, come questo:
  • Alcuni tag non descrivono il contenuto. Per essere conformi agli standard attuali, tuttavia, devono ancora finire. Di conseguenza, uniscono il tag start e end, come questo:

Formattare il testo

I tag HTML sono in genere semplici. I tag per rendere il testo in grassetto, corsivo o sottolineato sono derivati ​​dalla rispettiva parola.

Ingresso: grassetto
Uscita: in grassetto

Ingresso: corsivo
Produzione: corsivo

Ingresso: sottolineato
Produzione: sottolineato

Ingresso: colpire il testo
Produzione: colpire il testo

Creazione di un ipertesto

Gli URL semplici possono sembrare piuttosto brutti. Aggiungere il collegamento ipertestuale a un testo, ovvero creare un ipertesto, è molto più elegante e farà risparmiare spazio, specialmente se il collegamento è molto lungo.

Ingresso: Utilizzare
Produzione: Utilizzare

Come puoi vedere, questo tag HTML è un po 'più complicato, quindi guardiamolo in dettaglio. Il tag attuale è e gli elementi aggiuntivi sono attributi che specificano ulteriori caratteristiche. L'attributo href = specifica il link e title = definisce il tooltip del mouse. Assicurati di utilizzare le virgolette per racchiudere il link e il titolo, altrimenti potresti ritrovarti con un link non funzionante.

Incorporare immagini

Un'immagine può dire più di mille parole. Dovremmo usarli più spesso. Ed è così che puoi inserire manualmente uno usando l'HTML:

Ingresso: ”smiley”
Produzione:

Analizziamo anche questo tag. Ancora una volta, il vero tag è e gli attributi richiesti sono src = e alt =. Il primo indica la posizione dell'immagine, ovvero il suo URL, e quest'ultimo fornisce un testo alternativo, che viene visualizzato nel caso in cui la visualizzazione delle immagini sia bloccata o il collegamento sia interrotto. Ancora una volta, utilizzare le virgolette per evitare collegamenti interrotti.

Il tag è anche un esempio di tag che non ha bisogno di essere 'terminato' e quindi si chiude con il trattino in avanti nel tag iniziale, vale a dire. piuttosto che .

Breaks & Paragraphs

Per creare un testo strutturato, è necessario utilizzare interruzioni di riga e paragrafi. E questi sono i tag che devi sapere:

Ingresso:

Produzione: Questo tag crea un'interruzione di riga. Si noti che questo è un altro tag che unisce tag iniziale e finale in uno.

Ingresso:

Testo all'interno del tuo paragrafo.


Produzione: A differenza del tag precedente, il tag del paragrafo ha un tag iniziale e finale standard. Il testo tra i due tag è racchiuso in un paragrafo, il che significa che c'è una riga vuota prima e dopo.

elenchi

Esistono essenzialmente due tipi di elenchi: elenchi ordinati e non ordinati, meglio noti come elenchi numerati e puntati. Per creare entrambi, è necessario conoscere due tag diversi, ma solo tre in totale. Diamo un'occhiata prima agli esempi:

Ingresso:


  1. Articolo uno

  2. Articolo due

Produzione:

  1. Articolo uno
  2. Articolo due

Ingresso:


  • Articolo uno

  • Articolo due

Produzione:

  • Articolo uno
  • Articolo due

Per creare un elenco ordinato, usa il tag

    e per una lista non ordinata, inserire il
      etichetta. In entrambi i casi, il
    • il tag viene utilizzato per definire un elemento all'interno dell'elenco.

      Ora che hai visto quanto sia semplice e logico l'HTML, potresti voler andare oltre le basi e imparare un po 'di più. Per ulteriori suggerimenti HTML, consulta questi articoli:

      • 5 passaggi per comprendere il codice HTML di base 5 passaggi per comprendere il codice HTML di base 5 passaggi per comprendere il codice HTML di base Ulteriori informazioni
      • 5 suggerimenti HTML per creare un sito web gratuito di caricamento rapido 5 Suggerimenti HTML per creare un sito web gratuito di caricamento rapido 5 Suggerimenti HTML per creare un sito web gratuito Caricamento veloce Ulteriori informazioni
      • 7 fantastici effetti HTML che chiunque può aggiungere al loro sito Web 7 fantastici effetti HTML che chiunque può aggiungere al loro sito Web 7 fantastici effetti HTML che chiunque può aggiungere al loro sito Web Non disperare! Non devi conoscere CSS o PHP per costruire un sito di fantasia. Qualche buon vecchio HTML e sapremo come fare il copia e incolla. Leggi di più

      Ti senti un po 'più sicuro di usare i tag HTML ora? Se sei stato regolarmente codificato a mano, quali tag pensi manchino?

      Crediti immagine: kentoh

      Scopri di più su: blog, HTML, programmazione, sviluppo Web.