I 11 tag HTML principali che ogni blogger e proprietario del sito Web deve conoscere

Annuncio pubblicitario

Il World Wide Web conosce molte lingue ed è codificato in diverse lingue. L'unica lingua che può essere trovata dappertutto ed è in circolazione dall'invenzione delle pagine Web, è HyperText Markup Language, meglio noto come HTML. Come suggerisce il nome, 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 file multimediali e organizzare il contenuto in una pagina Web. In altre parole, HTML descrive le pagine Web e in base a questa descrizione, il browser crea un '"immagine".

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

Prima di iniziare, lascia che ti presenti alcune regole di base che, si spera, renderanno i tag HTML più facili da capire:

• HTML utilizza tag 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 fine ad un certo punto, come questo:
• Alcuni tag non descrivono il contenuto. Per essere conformi agli standard attuali, tuttavia, devono ancora terminare. Di conseguenza, uniscono il tag di inizio e fine, come questo:
  

Formattazione del testo

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

Ingresso:grassetto
Uscita: grassetto

Ingresso:corsivo
Produzione:corsivo

Ingresso:sottolineata
Produzione:sottolineata

Ingresso:barrare il testo
Produzione:barrare il testo

Creazione di ipertesto

Gli URL semplici possono sembrare piuttosto brutti. L'aggiunta del collegamento ipertestuale a un testo, ovvero la creazione di un ipertesto, è molto più elegante e consente di risparmiare spazio, soprattutto se il collegamento è molto lungo.

Ingresso:Utilizzare
Produzione:Utilizzare

Come puoi vedere questo tag HTML è un po 'più complicato, quindi diamo un'occhiata in dettaglio. Il tag vero è e gli elementi aggiuntivi sono attributi che specificano ulteriori caratteristiche. L'attributo href = specifica il collegamento e title = definisce la descrizione del passaggio del mouse. Assicurati di usare le virgolette per racchiudere il collegamento e il titolo, altrimenti potresti finire con un collegamento interrotto.

Incorporamento di immagini

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

Ingresso:
Produzione:

Analizziamo anche questo tag. Ancora una volta, il tag vero è e gli attributi richiesti sono src = e alt =. Il primo indica la posizione dell'immagine, ovvero il suo URL, e il secondo fornisce un testo alternativo, che viene visualizzato nel caso in cui la visualizzazione delle immagini sia bloccata o il collegamento venga 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, ad es. piuttosto che .

Interruzioni e paragrafi

Per creare un testo strutturato, è necessario utilizzare le interruzioni di riga e i 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 il tag di inizio e fine in uno.

Ingresso:

Testo all'interno del paragrafo.

Produzione: A differenza del tag precedente, il tag di paragrafo ha un tag standard di inizio e fine. 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 uno di questi, è necessario conoscere due tag diversi, ma solo tre in totale. Diamo un'occhiata agli esempi prima:

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, utilizzare il tag e per un elenco non ordinato, inserire il etichetta. In entrambi i casi, il

tag viene utilizzato per definire un elemento all'interno dell'elenco.

Ora che hai visto quanto è 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 baseHTML è la spina dorsale di ogni pagina web. Se sei un principiante, ti guidiamo attraverso i passaggi di base per comprendere l'HTML. Leggi di più
• 5 suggerimenti HTML per creare un sito Web gratuito a caricamento rapido 5 suggerimenti HTML per creare un sito Web gratuito a caricamento rapido Leggi di più
• 7 fantastici effetti HTML che chiunque può aggiungere al proprio sito Web 8 fantastici effetti HTML che chiunque può aggiungere al proprio sito WebNon devi conoscere CSS o PHP per costruire un sito di fantasia. Usa questi trucchi HTML per generare effetti fantastici. Leggi di più

Ti senti un po 'più sicuro di usare i tag HTML adesso? Se in passato hai eseguito regolarmente la "codifica manuale", quali tag ritieni mancanti?

Crediti immagine: kentoh