HTML - cos'è questa estensione? HTML per principianti: codici, file ed editor. Come creare un file html?

Al momento, qualsiasi programmatore web risponderà con fiducia alla domanda: HTML - che tipo di estensione? Ma non tutti sono programmatori web. Sicuramente ci sono persone che non sono ancora pronte a dare la risposta corretta a una domanda del genere. Pertanto, considera i concetti correlati, per così dire, dall'inizio.

HTML - che cos'è?

HTML (Hypertext Markup Language, hypertext markup language) è un linguaggio comune per il markup di documenti Internet (e non un linguaggio di programmazione!). Con esso, si formano quasi tutte le pagine web. Questi ultimi differiscono dai documenti ordinari contenenti testo, altri elementi (immagini, tabelle) in quanto contengono descrittori speciali (tag) che sono necessari affinché il testo sia comprensibile per qualsiasi browser. L'estensione HTML (o .htm) indica che il file appartiene alla categoria dei documenti Web.

I tag HTML sono istruzioni speciali che contengono informazioni sulla struttura e la formattazione di una pagina web. Ogni tag è incluso nel testo all'interno delle parentesi angolari <>. Quasi tutti i tag sono associati e contengono parti di apertura e chiusura, che influiscono sul testo inserito all'interno di queste parti.

Esempi di utilizzo dei descrittori HTML possono essere visti aprendo qualsiasi pagina Web nella vista tag. Per fare ciò, nel menu del browser, seleziona "Visualizza" - "Sotto forma di HTML". Per alcuni browser, funzionano anche i tasti di scelta rapida: Ctrl + U, che, quando si fa clic, apre la stessa pagina in una scheda del browser separata in una modalità che consente di visualizzare i codici HTML.

Dalla storia degli standard del linguaggio markup

Esistono diverse versioni di HTML. Il linguaggio viene costantemente migliorato, quindi una nuova versione di esso viene rilasciata quasi ogni anno. Diversi browser Web (programmi per la visualizzazione di pagine HTML) sono sviluppati da diverse società e si differenziano nell'interpretazione dei singoli tag e del loro supporto. Di conseguenza, lo stesso codice HTML viene visualizzato da diversi browser a modo suo, e alcuni browser non capiscono affatto i singoli tag.

Fino al 1990, quasi nessuno al mondo avrebbe risposto correttamente alla domanda: HTML - che cos'è? La prima documentazione su questa lingua è stata pubblicata nel 1991. L'autore - fisico Tim Berners-Lee - l'ha inventato come uno strumento per trasformare il set di caratteri trasmesso attraverso la rete in titoli, link e paragrafi. Ben presto, questo linguaggio divenne lo standard per i documenti di markup su Internet.

Nel suo sviluppo, è passato dall'edizione iniziale a HTML 5 e continua a migliorare. Questa lingua contiene descrittori sia per la struttura che per la formattazione. Successivamente hanno adottato la tecnologia CSS standard, che presuppone che la descrizione della formattazione sia evidenziata in un file CSS separato, lasciando la descrizione della struttura del documento per i tag HTML. Di conseguenza, alcuni descrittori non vengono più utilizzati.

Struttura del documento HTML

È chiaramente regolamentato e dovrebbe contenere diversi tag obbligatori. Questi includono:

• etichetta - tipo di documento e sue caratteristiche.
• tag - indicare i bordi iniziale e finale del documento.
• tag - limitare la sezione di servizio del documento, che contiene istruzioni per browser, robot di ricerca, nonché collegamenti a file, script.
• tag - per inserire le istruzioni per i browser e i robot di ricerca.
• tag - imposta il titolo principale del documento, è visibile solo nella parte superiore della finestra del browser.
• Tag: limita la parte visibile del documento.

Tag che sono utili da sapere

Le funzioni dei tag comuni dovrebbero essere chiare per qualsiasi copywriter, possono essere aggiunte al testo in qualsiasi editor di testo. Possono essere utilizzati nella progettazione del testo, non avendo a disposizione un editor speciale. Comunemente utilizzati, in particolare, sono i codici HTML:

• paragrafo

  - per evidenziare il paragrafo.
• 
  il testo
  - per trasferire il testo alla riga successiva.
• grassetto - per evidenziare in grassetto.
• a parole - per selezionare il testo in parole.
• bis - per inserire qualsiasi ancora - una parola o un oggetto che avvia un collegamento seguendo il collegamento specificato nel tag. Invece della parola "ancora" scrivi "QUI" o inserisci qualsiasi altra parola, frase, oggetto; invece della parola "link" inserisci l'indirizzo su Internet dove il link porta.

• testata

  - per evidenziare l'intestazione di primo livello.

• sottotitolo

  - lo stesso per il titolo di livello 2, ecc. fino al livello sei.

Come creare un file html nel solito editor

Una pagina Web (ovvero un file HTML) può essere digitata in qualsiasi editor di testo (ad esempio, in Blocco note). Ma tutti i tag dovranno comporre manualmente. Il vantaggio di questo metodo è il codice assolutamente minimizzato. Svantaggi: richiede una buona conoscenza del linguaggio di markup ipertestuale e l'impossibilità di vedere immediatamente i risultati del proprio lavoro. Pertanto, questo metodo è adatto solo per la creazione delle pagine Web più semplici.

Editor HTML

Quasi tutti gli esperti utilizzano editor HTML speciali. I più popolari sono Macromedia HomeSite e Dreamweaver MX. Permettono di inserire automaticamente molti tag, evidenziare il testo e gli elementi del codice di servizio a colori, visualizzare immediatamente il risultato ottenuto in una finestra speciale. Ma questi programmi sono pagati.

Per un principiante, è meglio prima provare la tua mano usando editor gratuiti. I più popolari includono Notepad ++, Komodo Edit, Aptana, Alaborn iStyle e KompoZer. Ognuno di questi programmi ha i suoi vantaggi, fornisce all'utente più o meno funzionalità, ha una sua interfaccia. Per scegliere quello giusto dovresti provare a lavorare in ognuno di essi. Questo è facile da implementare, dal momento che non devi pagare per questi tentativi.

Oltre a questi editor, ci sono strumenti di visual design (ad esempio, HoTMetal Pro). Quando creano pagine Web, eliminano assolutamente la necessità di inserire manualmente i descrittori HTML. Tuttavia, tali programmi producono come risultato un codice eccessivamente ridondante, la cui quantità supera significativamente la dimensione minima richiesta. Inoltre, spesso è necessario modificare manualmente il codice per portarlo alla qualità desiderata.

Speriamo che la conoscenza del materiale di questo articolo permetta anche a un utente inesperto di non mettere in dubbio la risposta alla domanda: HTML - che cos'è?