Da quando L'inizio di Internet , HTML è stato fondamentale per rendere il lavoro del World Wide Web e apparire nel modo in cui lo vogliamo. Diamo un'occhiata a ciò che è HTML e come si trasforma nelle pagine che vedi ogni giorno.
La spina dorsale di Internet
HTML sta per "linguaggio di markup ipertesto". È una lingua di codifica utilizzata per creare pagine che un browser Web può visualizzare. La maggior parte delle pagine web che trovi su Internet, incluso quella che stai leggendo questo articolo in questo momento, sono memorizzate come file HTML. I siti Web sono un sacco di pagine HTML correlate memorizzate su un server da qualche parte. Ecco perché la lingua è frequentemente chiamata " Backbone di Internet . "
Ogni volta che vai su una pagina su Internet, stai essenzialmente richiedendo un file HTML memorizzato sul server. Quindi, il browser che stai usando, come Chrome o Firefox, analizzeranno l'HTML e lo visualizzerà nel modo in cui è destinato.
L'universalità e la versatilità di HTML lo rendono il singolo più popolare linguaggio con marcatori nel mondo. La maggior parte degli sviluppatori web front-end inizia da Imparare come codice in HTML. Gli strumenti di drag-and-drop e gli editori WYSIWYG sono alla fine tradotti in HTML in modo che i browser possano analizzarli.
IMPARENTATO: Cos'è un linguaggio di markup?
Come funziona HTML.
Come qualsiasi linguaggio di programmazione, HTML sembra un gruppo di comandi e blocchi di testo prima che si trasformi nella visione frontale. Se sei curioso di vedere come appare l'html su questa particolare pagina e sei su un desktop o un laptop, prova a fare clic con il pulsante destro del mouse in qualsiasi punto di questa pagina e seleziona "Visualizza la sorgente della pagina" (l'opzione potrebbe variare a seconda del browser ). Dovrebbe portarti a un muro gigante di codice.
La maggior parte degli HTML è integrata utilizzando "Blocchi elementi", che sono frammenti di codice HTML che separano elementi diversi su una pagina. Ad esempio, il corpo di questo articolo è un blocco element, come è il menu, le raccomandazioni di seguito e il piè di pagina della pagina. Questi elementi sono codificati a modo loro, poiché potrebbero comportarsi in modo diverso.
Una parte cruciale della costruzione delle pagine HTML è l'uso di fogli di stile a cascata (CSS). Questi sono documenti che definiscono quali particolari elementi di una pagina dovrebbero assomigliare. Ad esempio, come dovrebbero essere le grandi immagini, quali font dovrebbero apparire su una pagina, e Come dovrebbe rispondere una pagina Web quando è ridimensionato o teso. Questi sono tutti cruciali per creare siti Web attraenti, coesivi e eleganti. Se hai notato che i siti web iniziano a guardare meglio nell'ultimo decennio, l'uso crescente del CSS è il motivo più grande. Puoi leggere di più su CSS qui .
Una delle cose migliori su HTML è la sua capacità di eseguire script dinamici tramite JavaScript o JS. Questi script possono creare elementi dinamici. Ad esempio, su determinati siti Web, in bilico su un'immagine ti consentirà di ingrandire. È possibile effettuare questo effetto codificando in un elemento JavaScript.
IMPARENTATO: Come disabilitare (e abilitare) JavaScript in Google Chrome
Nozioni di base HTML.
Mentre HTML è un linguaggio abbastanza complesso con tonnellate di diversi tag e blocchi, ci sono alcuni codici HTML che potrebbero rimanere utile mentre stai sfogliando il web. Ecco un paio di tag HTML di base che potresti incontrare.
& lt; a href = "https://www.howtogeek.com" & gt; How-to Geek & Lt; / A & GT;
How-to Geek
Usi The..
& lt; A & GT;
comando per creare un collegamento. L'URL è il punto in cui il collegamento punterà e il testo che legge "How-to Geek" è come apparirà a un utente finale.
& lt; B & GT; Bold & Lt; / B & GT; & lt; i & gt; italic & lt; / i & gt; & lt; u & gt; sotterline & lt; / u & gt;
grassetto corsivo sottolineare
Puoi usare il
& lt; B & GT;
,
& lt; i & gt;
, e
& lt; u & gt;
Per applicare le opzioni di formattazione del testo standard: grassetto, corsivo e testo sottolineato.
& lt; img src = "picture.jpg" & gt;
Il
& lt; img & gt;
Il tag è usato per incorporare un'immagine in una pagina. Tirarà l'immagine dallo stesso dominio, oppure puoi indicarlo a un dominio esterno. Puoi anche personalizzarlo con alcuni attributi aggiuntivi, come il ridimensionamento e il testo alt.
& lt; h1 & gt; intestazione 1 & lt; / h1 & gt; & lt; P & GT; paragrafo & lt; / P & GT;
Quanto sopra sono le tag di intestazione e paragrafo. Simile a come Microsoft Word consente di ordinare il testo in intestazioni e testo del corpo, HTML può anche formattare il testo in base alle opzioni di intestazione e paragrafo predefinite. Questi formati sono definiti utilizzando il foglio di stili CSS.
& lt; P Style = "Colore: EDR; & GT; Red paragrafo & lt; / P & GT;
Puoi anche usare il
"stile"
Attributo per personalizzare il testo con varie impostazioni di stile, come il colore del testo, il colore di sfondo e la dimensione del carattere.
Se sei interessato ad imparare più opzioni di formattazione HTML, dai un'occhiata Le risorse gratuite di W3Schools . Troverai un elenco completo dei tag HTML che è possibile utilizzare per iniziare a costruire le tue pagine web.
IMPARENTATO: Cos'è il "design reattivo", e come lo usi?
