Che cos'è l'HTML e a cosa serve. Linguaggio di markup HTML

Ad esempio, questo è l'aspetto di una parte del codice della pagina in uno dei nostri post sul blog.

Più spesso usi i tag, più velocemente vengono ricordati. Puoi sempre trovare un riferimento con tutti i tag, gli attributi e i loro valori.

In questa sezione parleremo del linguaggio di markup HTML, imparandolo con esempi. Vale la pena aggiungere che questa sezione pubblicherà "ristampe" di articoli scritti da me in precedenza, rispettivamente, le vecchie voci sull'HTML verranno eliminate durante il processo di scrittura di nuove.

La prima pubblicazione "per i più piccoli", o meglio per i principianti, per coloro che non possono nemmeno immaginare: cos'è l'HTML?? Proprio alla domanda "Cos'è l'HTML?" questo articolo risponde e fornisce anche una comprensione di base delle capacità del linguaggio HTML.

Che cos'è l'HTML? Storia della creazione HTML

cos'è l'HTML?... L'HTML è un linguaggio di markup ipertestuale che è diventato molto diffuso su Internet. Il linguaggio HTML definisce la struttura delle pagine che vedi nel browser. Ogni sito su Internet utilizza HTML per visualizzare le informazioni.

HTML definisce la struttura delle pagine che vedi nel browser grazie ai tag HTML, il browser le "legge", le elabora, e poi visualizza i tag sul tuo schermo, ma già sotto forma di elementi HTML, puoi anche interagire con alcuni elementi HTML utilizzando il mouse o la tastiera...

Per essere precisi da un punto di vista formale, non è una pagina HTML che parla correttamente, ma un documento HTML, il tuo browser comunica con il server web tramite, invia e riceve, il cui corpo contiene HTML.

Come il protocollo HTTP, l'HTML è stato sviluppato al CERN da Tim Berners-Lee nel 1991 ed è stato originariamente utilizzato dagli scienziati per scambiare documenti scientifici. L'HTML ha definito chiaramente la struttura del documento e ha permesso di evidenziare alcune delle caratteristiche del testo del documento, grazie a questo e al fatto che la sintassi del linguaggio HTML era semplice, si è diffuso non solo nella comunità scientifica , ma è andato anche alle masse.

Al momento, molto spesso puoi trovare sui siti HTML 4.01, l'ultima versione di HTML al momento è HTML 5, che viene visualizzata correttamente da tutti i browser moderni. Per ogni documento HTML è necessario specificare una versione, per questo esiste uno speciale tag DOCTYPE che indica la versione HTML.

Naturalmente, per rispondere alla domanda in poche parole: "Cos'è l'HTML?? ”Non è realistico, quindi ci sarà una sezione separata sul mio blog in cui studieremo l'HTML e le sue caratteristiche.

Programmi per visualizzare documenti HTML. Come aprire un file HTML?

Abbiamo già detto che i browser vengono utilizzati per visualizzare i documenti HTML. Quando inserisci l'URL di un sito nel browser, lo analizza e lo installa con il server. Il software e il server "capiscono" quale documento HTML e in quale forma il browser "vuole" riceverlo e gli inviano una risposta speciale, che contiene il documento HTML.

Dopo aver ricevuto il documento HTML, il browser inizia ad analizzarlo. Prima legge il valore del tag DOCTYPE per capire quale versione di HTML viene utilizzata, quindi il browser analizza i vari meta tag per capire come visualizzare il documento. Successivamente, il browser analizza i tag HTML responsabili della struttura e della visualizzazione del documento, dopo aver analizzato tutte queste informazioni, il browser forma la pagina che mostra all'utente.

Al momento sono stati scritti molti programmi che consentono di visualizzare un documento HTML. Ad esempio, supponiamo che anche le directory chm siano HTML, ma utilizzano tag HTML speciali ... I visualizzatori HTML più popolari sono i browser:

• Google Chrome - browser di Google;
• Internet Explorer - browser di Microsoft;
• Mozilla Firefox è un browser di Mozilla, che sta sviluppando Internet;
• Opera è uno dei browser più veloci;
• Safari: il browser di Apple;
• Yandex Browser è un browser del motore di ricerca Yandex.

Ci sono molti altri browser là fuori, ma nessuno di questi è così popolare come quelli che ho elencato sopra.

Di solito il documento HTML è in formato .htm o .html. Se il tuo sito è basato su un CMS, il codice delle pagine HTML può essere generato automaticamente, ma non importa quanto sia "intelligente" il CMS, non è "capace" di generare completamente l'intera struttura di un documento HTML da solo, e per alcuni siti, ad esempio pagine di una pagina, CMS in genere non richiesto.

Programmi per scrivere codice HTML. Come creo una pagina HTML?

Possiamo visualizzare documenti HTML, ma anche nessuno ci vieta di creare documenti HTML, per creare un documento HTML si possono usare appositi editor di testo, di cui ormai ce ne sono tanti e che hanno diverse funzionalità (si può anche usare un normale blocco note) , diamo un'occhiata agli editor HTML più popolari:

• Notepad ++ - editor gratuito con evidenziazione della sintassi, completamento automatico;
• Brackets è un editor gratuito di Adobe con tantissime funzionalità;
• SublimeText 3 è un editor a pagamento che accelera notevolmente lo sviluppo.

Esistono molti altri editor HTML, sia molto complessi che molto semplici. Qui abbiamo considerato solo gli editor più popolari e convenienti per la creazione di pagine HTML.

Affrontiamo la domanda: come creare una pagina HTML... Nota che ho intenzione di scrivere tutta una serie di post in cui impareremo l'HTML, quindi propongo di organizzare i nostri esempi e creare una cartella HTML in cui verranno archiviati tutti gli esempi, creare una cartella Lezione 1 all'interno della cartella HTML. Per creare una pagina HTML, apri un qualsiasi editor, anche se è Blocco note e scrivi qualsiasi frase nel modulo per l'editing, scriverò: "Hello, World!".

Quindi salva questo file nella cartella Lezione 1, chiama il file index.html o index.htm.

Nota: puoi nominare i file HTML come preferisci, in seguito scopriremo perché nominare l'indice del file.

Ora vai alla cartella Lezione 1 e apri il file HTML generato in un browser, per questo: fai clic con il pulsante destro del mouse sul file index.html e seleziona un browser conveniente. Aprirò la pagina HTML generata in Opera:

Abbiamo creato la nostra prima pagina HTML o meglio, il primo documento HTML e ha visto la pagina HTML nel browser.

Noterò che questo documento HTML non è corretto o, come dicono gli sviluppatori, non valido, non creare mai più tali documenti HTML e spero che i seguenti post sul mio blog ti aiuteranno a imparare l'HTML e creare documenti HTML validi o validi facile e casuale. È importante qui che abbiamo imparato a creare pagine HTML e ci siamo resi conto che non è così difficile.

Caratteristiche del linguaggio HTML in cui viene utilizzato HTML

Ora parliamo di Funzionalità HTML e dove viene utilizzato HTML. Si prega di notare: ora considereremo caratteristiche di base di HTML 4.01, per non complicare la prima conoscenza dell'HTML. Nota anche che considerando le capacità di HTML 5 solo dopo aver studiato le funzionalità di base, sarà molto più semplice e comprensibile.

Iniziamo a esaminare le capacità dell'HTML. Il compito principale del linguaggio HTML è strutturare le informazioni su una pagina. Il linguaggio HTML consente di strutturare le informazioni in vari modi: creare tabelle, vari tipi di elenchi, paragrafi, aggiungere immagini a un documento, suddividere un documento in parti utilizzando intestazioni, creare moduli per interagire con gli utenti, collegare diversi documenti HTML con elenchi.

Sebbene il compito principale dell'HTML sia contrassegnare un documento o creare una struttura, questo linguaggio ha anche elementi di design, per questo ci sono tag speciali che ti consentono di evidenziare il testo rendendolo grassetto o corsivo, creare un indice o un sottoindice , e molto altro, parleremo di tutto questo in dettaglio. Ora dovremmo dire che alcuni tag HTML sono considerati illegali a causa della loro irrilevanza e l'uso di alcuni tag è considerato una cattiva forma.

Gli attributi HTML sono stati inventati per decorare i documenti HTML e per rendere unici i tag HTML, ma al momento nessuno usa gli attributi HTML per decorare i documenti, poiché esistono fogli di stile a cascata o CSS. Ci sono eccezioni, ad esempio, alcuni client di posta elettronica non sanno come lavorare con CSS e gli attributi HTML vengono utilizzati per progettare le e-mail.

La base e la più massiccia lo scopo dell'HTML è Internet... Ogni sito utilizza HTML per presentare le informazioni all'utente in forma grafica, ma HTML non si limita a Internet, è utilizzato molto attivamente nello sviluppo di applicazioni mobili e desktop per vari sistemi operativi.

Spero di aver dato risposte chiare e semplici alle domande: cos'è l'HTML, a cosa serve l'HTML, come creare una pagina HTML e l'ambito dell'HTML.

Tim Berners-Lee
Creatore di linguaggio HTML

Questo articolo su HTML dato una piccola panoramica della lingua, la sua struttura, le caratteristiche, la storia. Questo articolo riguarda linguaggio HTMLè pensato per essere letto per lo sviluppo generale e nella fase iniziale dell'apprendimento dell'HTML puoi saltarlo e tornarci più tardi, dopo averlo letto.

HTML (Hyper Text Markup Language)- Hyper Text Markup Language. I siti web sono creati utilizzando linguaggio HTML.

Il creatore del linguaggio HTML è un eccezionale scienziato britannico - Tim Berners-Lee.

Versioni HTML

Prima del 1995 non esisteva uno standard HTML ufficiale, ma esistevano diverse versioni non standardizzate dell'HTML. Il 22 settembre 1995 fu creato il primo standard ufficiale per il linguaggio HTML, che ricevette immediatamente il numero 2.0 (HTML 2.0).

Il 14 gennaio 1997 è stato rilasciato HTML 3.2,
18 dicembre 1997 HTML 4.0,
24 dicembre 1999 HTML 4.01

Negli anni 2000 c'era anche Linguaggio di marcatura XHTML(come HTML, ma con una sintassi più rigorosa). XHTML aveva lo scopo di preparare i webmaster a rigide regole di markup linguaggio XML... A causa del rigoroso markup, vari programmi e servizi che comprendono XML possono elaborare in modo efficiente i dati su siti scritti in XHTML e questo linguaggio ha anche la capacità di incorporare SVG, MathML, CML e altri derivati ​​del linguaggio XML.

L'XHTML esisteva in tre versioni: strict, transizionale e frameset, in transizionale era possibile utilizzare tag obsoleti come center o font. Al momento, lo sviluppo Linguaggio XHTML Chiuso.

La versione moderna del linguaggio HTML è HTML5, è questa versione che studieremo in questo tutorial. HTML5 è più user-friendly rispetto ai linguaggi precedenti e ne incorpora tutti i vantaggi, inoltre presta grande attenzione alla semantica.

CSS e linguaggio HTML

A partire dalla versione 4 del linguaggio HTML, si consiglia di modificare l'aspetto dei tag HTML solo utilizzando il linguaggio CSS. Pertanto, è consigliabile studiare i linguaggi HTML e CSS in parallelo. Il tutorial HTML per principianti ti guiderà anche attraverso le basi dei CSS, ma puoi leggere ulteriormente per continuare.

Storia dell'HTML

HTML è stato creato nel 1991 dallo scienziato britannico Tim Berners-Lee. Poi Tim ha lavorato al CERN (Organizzazione Europea per la Ricerca Nucleare) ei siti non esistevano ancora. Gli scienziati che lavorano in questo centro avevano bisogno di un modo affidabile ed efficiente per scambiare informazioni.

La scelta è caduta su Linguaggio SGML, ma era troppo complicato e quindi Tim basato su SGML ne ha creato una variante semplificata - HTML, grazie al quale qualsiasi scienziato potrebbe creare un semplice documento con informazioni, circondandolo con vari tag: paragrafi, intestazioni, collegamenti e posizionarlo su Internet, e altri scienziati allo stesso tempo potrebbero leggere queste informazioni.

Inizialmente, nei documenti HTML (nelle pagine del sito), era possibile inserire solo informazioni di testo, la possibilità di aggiungere file multimediali: immagini, video e audio apparivano poco dopo.

Al momento, supporto e sviluppo linguaggio HTMLè impegnata W3C (World Wide Web Consortium)- un consorzio del world wide web. Il W3C è composto da vari gruppi di lavoro che implementano e sviluppano standard e tecnologie Internet.

Tabella di distribuzione del browser

I file HTML di solito hanno l'estensione .html o .htm. Questi file possono essere visualizzati utilizzando i browser Internet.

Tabella dei nomi dei browser e del numero della loro distribuzione nel mondo, a gennaio 2016, in ordine decrescente: