Top 11 tag HTML che ogni blogger e proprietario del sito web devono conoscere
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:
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:
- Articolo uno
- Articolo due
Produzione:
- Articolo uno
- 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
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.