Le FAQ HTML essenziali da segnalare

L'HTML esiste da molto tempo ormai, quindi è ora che tu apprenda le basi. Che cos'è, come funziona e come scrivere alcuni elementi comuni in HTML.

Prima di iniziare, assicurati di leggere la nostra guida per editor HTML online gratuiti. 5 migliori editor HTML online gratuiti per testare il tuo codice. 5 migliori editor HTML online gratuiti per testare il tuo codice per le volte in cui vuoi semplicemente giocare con un piccolo frammento di codice HTML puoi modificarlo a tuo piacimento, un editor HTML online ti servirà meglio. Ulteriori informazioni e migliori siti Web per esempi HTML di qualità 8 I migliori siti Web per la qualità Esempi di codifica HTML 8 I migliori siti Web per la qualità Esempi di codici HTML Esistono alcuni siti Web fantastici che offrono esempi e tutorial di codifica HTML ben progettati e utili. Ecco otto dei nostri preferiti. Leggi di più .

Che cos'è HTML?

HTML è la lingua utilizzata per costruire pagine web. HTML sta per Hyper Text Markup Language ed è semplice una serie di istruzioni per il tuo browser web. Utilizzando queste istruzioni, il tuo browser mostra come dovrebbe apparire una pagina web.

È importante capire che è un markup lingua, non a programmazione linguaggio. I linguaggi di programmazione ti consentono di risolvere problemi, come equazioni matematiche, manipolazione di dati o spostamento di un personaggio di videogiochi.

Non sei in grado di scrivere alcuna logica in HTML. Riguarda solo il layout.

Che aspetto ha l'HTML?

HTML è composto da diversi elementi noti come “tag”. I tag sono istruzioni per lo styling di una parte specifica della tua pagina web. Tornando alla costruzione, HTML sono i piani e i tag sono funzionalità specifiche come finestre o porte.

Ecco come appare una pagina Web di base in HTML:

I tag in HTML sono predefiniti e specificano caratteristiche comuni come immagini, collegamenti ad altre pagine Web, pulsanti e altro.

La stragrande maggioranza dei tag deve essere Aperto e chiuso. Questo semplicemente definisce alcune funzionalità, con testo, immagini o altri tag al suo interno, e quindi termina la definizione. Pensare alle case, aprire il tag è come dire “avvia la finestra qui”, e chiudere il tag è come dire “ecco dove finisce la finestra”.

I tag HTML non verranno effettivamente visualizzati sul tuo sito web. Il tuo browser segue le istruzioni, ma non lo mostra mai ai visitatori. Non è un segreto, comunque. Chiunque può guardare il tuo codice HTML dopo aver pubblicato le tue pagine web.

Mentre esiste un gran numero di tag HTML diversi, non è necessario impararli tutti prima di poter codificare un sito Web. Oggi imparerai come scrivere alcuni tag comuni e per cosa possono essere utilizzati.

Che cosa sono gli attributi dei tag HTML?

Un'ultima cosa da sapere sui tag è attributi. Gli attributi definiscono le caratteristiche speciali dei tag. Se i tag sono finestre e porte, gli attributi specificano dettagli costruttivi specifici. Questa potrebbe essere la larghezza e l'altezza della cornice, se la finestra si apre o se la porta ha una serratura.

Gli attributi sono inclusi all'interno del tag di apertura, come questo:

Non puoi semplicemente creare i tuoi tag o attributi. Attributi e tag sono predefiniti dal World Wide Web Consortium (W3C).

Che cos'è HTML5?

HTML5 è l'ultima versione di HTML. Contiene diversi nuovi tag, attributi e funzionalità.

Poiché HTML è un insieme di istruzioni, a volte i browser Web diversi lo interpretano in modo diverso. Un browser potrebbe decidere che le finestre e le porte dovrebbero essere dipinte di nero a meno che tu non dica diversamente.

Finalmente i browser hanno iniziato a diventare abbastanza coerenti l'uno con l'altro, ma a volte è possibile farsi notare con funzionalità molto nuove. Forse Google Chrome ha implementato un nuovo tag, ma Microsoft Internet Explorer non lo ha ancora fatto.

Per la maggior parte, le tue pagine web avranno lo stesso aspetto su tutti i principali browser, ma vale comunque la pena testare prima di pubblicare qualsiasi cosa, specialmente se stai utilizzando tag più recenti, che potrebbero non essere ancora supportati da tutti i browser.

Se vuoi saperne di più su HTML5, dai un'occhiata alla nostra guida introduttiva a HTML5 Inizia con HTML5 Inizia con HTML5 Hai sentito parlare di HTML5. Tutti lo stanno usando. Viene annunciato come il salvatore di Internet, consentendo alle persone di creare pagine Web ricche e coinvolgenti senza ricorrere a Flash e Shockwave. Leggi di più .

Come commentare HTML

Come molti altri linguaggi, markup o programmazione, HTML ha la capacità di “commentare” blocchi di markup. Un commento è qualcosa che viene ignorato dal browser. Questa potrebbe essere una nota per ricordare a te stesso cosa fa questo particolare pezzo del tuo sito web.

Annunciando il markup, chiedi al browser di ignorare uno o più tag. Questo può essere utile per rimuovere funzionalità o per nascondere un pezzo del tuo sito web senza eliminare il codice.

Quando un browser Web vede un commento, lo capisce come “non usare queste istruzioni finché non dico diversamente”. I commenti consistono in un “apertura” commento e a “chiusura” commento, proprio come i tag.

Ecco un esempio:

Il commento del codice è fatto esattamente allo stesso modo:

Piuttosto che un messaggio, inserisci il tuo markup tra i tag dei commenti.

Come inserire immagini in HTML

L'inserimento di immagini nel tuo codice HTML è fatto con il tag immagine:

Si noti come viene chiamato il nome del tag img, e ci sono due attributi. Il src attributo specifica dove trovare l'immagine e il alt tag è una descrizione di testo alternativa, nel caso in cui l'immagine non possa essere caricata per nessun motivo.

Il tag immagine non ha bisogno di essere chiuso, a differenza della maggior parte degli altri tag.

Come cambiare il carattere in HTML

I caratteri possono essere cambiati usando il font tag e il viso attributo:

MUO Arial Text

La dimensione del carattere può essere facilmente modificata usando il taglia attributo:

MUO Big Text

Se desideri cambiare il colore del carattere, questo può essere fatto facilmente con colore attributo:

MUO Red Text

Questi attributi sono unici per il font etichetta. Se desideri utilizzare un altro tag, puoi farlo nido tag, posizionandone uno dentro l'altro:

MUO Red Text

Come aggiungere un collegamento in HTML

I collegamenti possono essere aggiunti usando il un etichetta:

MakeUseOf.com

Il href l'attributo è la destinazione del tuo link.

Come creare una tabella in HTML

Le tabelle HTML prevedono la nidificazione di diversi tag. Avrai bisogno di iniziare con a tavolo etichetta:

Ora aggiungi alcune righe usando il TR etichetta:

Infine, usa il TD tag per creare le celle della tabella, che creeranno anche le colonne:

È possibile andare fuori bordo e andare in modo selvaggio con il layout della tabella, ma di solito è meglio mantenere le cose semplici se possibile. In passato, le tabelle erano utilizzate per strutturare una pagina Web, ma questa pratica è datata e sembra terribile. Mantenere le tabelle semplicemente per trasmettere i dati al lettore.

Usare CSS con HTML

Questi esempi hanno coperto le nozioni di base, ma se vuoi diventare davvero creativo, devi usare i CSS. Le Cascading Style Sheets ti consentono un controllo molto maggiore sulla progettazione del tuo sito web e ti permettono di riutilizzare un bel po 'di codice tra le diverse parti del tuo sito web.

Mentre abbiamo tutorial sull'apprendimento dei CSS 5 Baby Steps to Learning CSS e Diventare un Kick-Ass CSS Sorcerer 5 Baby Steps to Learning CSS e Diventare un Kick-Ass CSS Sorcerer CSS è il singolo cambiamento più importanti pagine web hanno visto negli ultimi dieci anni, e ha aperto la strada alla separazione tra stile e contenuto. In modo moderno, XHTML definisce la struttura semantica ... Leggi di più e esempi CSS rapidi 10 Esempi di codici CSS semplici che puoi imparare in 10 minuti 10 Esempi di codici CSS semplici che puoi imparare in 10 minuti Vedremo come creare un foglio di stile in linea così puoi praticare le tue abilità CSS. Quindi passeremo a 10 esempi CSS di base. Da lì, la tua immaginazione è il limite! Per saperne di più, c'è ancora qualche impostazione che puoi fare in HTML.

Se desideri scrivere CSS insieme al tuo HTML, puoi utilizzare il stile attributo. Questo attributo applica semplicemente il CSS al tag utilizzato su:

Anche se funziona in questo modo, sarà difficile mantenerlo se si dispone di molti markup che richiedono uno stile simile.

Il modo migliore è usare il stile tag, inserito all'interno del capo etichetta. Qui puoi definire i CSS per l'intera pagina:

Il tag di stile ha un attributo di text / css. Questo è necessario per consentire al browser di conoscere lo stile esatto da aspettarsi nel tag.

Il terzo e ultimo modo di usare i CSS è attraverso un file esterno, usando il collegamento etichetta. Questo collega il tuo HTML ai CSS memorizzati nel proprio file, il che è fantastico se ne hai una grande quantità:

Ci sono diversi attributi in uso qui. Il rel attributo dichiara il tuo link come un foglio di stile. Il tipo di “text / css” è ancora una volta definito nel genere attributo e il href attributo è dove trovare il file esterno.

Come si fa un sito Web con HTML?

Come hai visto, HTML non è poi così male, vero? Utilizzando pochi semplici tag e attributi, puoi assemblare rapidamente una pagina web, anche se non hai mai scritto HTML in precedenza!

Se stai cercando di scrivere un sito web completo, assicurati di dare un'occhiata alla nostra guida per principianti alla realizzazione di un sito web Come creare un sito web: per principianti Come creare un sito web: per principianti Oggi ti guiderò attraverso il processo di creazione di un sito Web completo da zero. Non ti preoccupare se questo sembra difficile. Ti guiderò in ogni fase del percorso. Leggi di più .

Scopri di più su: CSS, FAQ, HTML, Sviluppo Web.