Un esempio di una pagina HTML e dei principi fondamentali della

Inventato molte lingue, ma il linguaggio del HTML è uno dei più speciale e vosstrebovan. Poiché si tratta di un sacco di altre iniziative chiave di programmazione. Molto è messo a disposizione, quando nella mente dello sviluppatore attuali conoscenze del linguaggio di markup – HyperText Markup Language (HTML).

Infatti, in HTML, non c'è niente di difficile, e in pochi minuti tutte le più lontane dalla programmazione e il popolo di Internet soddisferà la creazione di pagine HTML del notebook. esempi degni di nota, la semplicità, infatti, accessibile a tutti.

descrizione generale

file HTML – un sito di una pagina, anche se questo è discutibile, ma che cosa è un file per pagina, per cominciare, è chiaro.

file HTML inizia con un colpo di testa DOCTYPE che specifica che il tipo di file – HTML. Tutti gli elementi della pagina (tag) sono indicati tra parentesi angolari. Ogni coppia ( "") include un tag HTML. Di solito i tag HTML sono accoppiati, cioè, per ogni «tag» hanno «/ tag». Entrambi sono racchiusi tra parentesi angolari. C'è un singolo tag, di cui il più popolare «br /» – passaggio alla riga successiva.

Il più grande tag nel file – io stesso HTML, che comprende solo due tag: testa e corpo. Nel primo caso, diverse specifiche sono indicativi di collegamenti ad altri file di pagina pertinenti possono essere presenti PHP e script JavaScript. Nella seconda pagina contenuto scritto. Anche in forma di tag e script.

Semplice pagina HTML

Esempio di creazione di tale pagina è indicata nell'articolo qui sotto. Considerare con attenzione.

sezione HEAD

Il tag principale scopo HEAD – una descrizione generale della pagina e gli script generali, anche se quest'ultimo – solo un concetto relativo. Di solito ci attribuisce notevole importanza per solo due cose:

• parole chiave e descrizione della pagina;
• collegamenti ad altri file (* .css e .js *).

Per visualizzare il contenuto del contenuto della pagina di questa sezione ha importanza solo indirettamente perché indica dove alcuni altri file hanno regole CSS per tag e altri linguaggi script.

HTML-pagina ha un titolo (TITOLO), che viene visualizzata quando un visitatore porta il mouse sopra la scheda in cui si apre la pagina. Questo è importante, perché rende la pagina molto più presentabile, più facile dire, ha firmato il testo leggibile.

Meta-tag sono importanti nella programmazione web in generale, ma quando è richiesta la creazione di pagine HTML in un notebook, un esempio di strutture ridondanti indesiderabile disordine.

Sul link e collegamenti script dovrebbe prestare particolare attenzione. Il primo si riferisce ad un luogo in cui v'è un file CSS foglio di stile, la seconda – la posizione del file JavaScript-code. Tali collegamenti possono essere impostati.

Se si utilizzano gli script devono essere trattati come una conoscenza HTML diventerà più forte, si dovrebbe prestare attenzione subito su fogli di stile CSS. I file CSS sono, in particolare, le regole di registrazione dei tag HTML.

sezione CORPO

In realtà, una pagina HTML di esempio – questa è la sezione del corpo. E 'qui che contiene tutte le informazioni, tutti i pagina di contenuto. Tutte le informazioni sono presentate in forma di tag e script, come ad esempio l'inserimento di un JavaScript-code o pezzi del PHP-programma.

E 'importante rendersi conto che l'esempio delle pagine web HTML nel browser e lo stesso esempio in un editor di testo come Blocco note, questa non è la stessa cosa. Nel primo caso siamo pronti HTML-testo in cui tutti gli script eseguiti. Ad esempio, PHP ha adempiuto la sua parte e formata al posto del codice nei posti giusti i tag. JavaScript soddisfatta anche la sua missione, anche se su di esso ancora essere una conversazione separata.

HTML – è tag, invece di script. In definitiva, solo il contenuto della pagina visualizzata nel browser, ma il suo cartellino. No PHP-codice non è lì.

JavaScript è in una posizione particolare, la sua cura – per servire la pagina e non solo in fase di avvio (sovraccarico), ma nei momenti in cui la pagina è in browser del visitatore, e gli studi informatici.

Un semplice esempio di codice HTML-pagina (solo la sezione BODY) è mostrato sotto.

browser di un visitatore appare come illustrato di seguito.

Non è stato specificato il codice dovrebbe essere simile gli elementi che hanno portato il browser. Tutto il design è visibile nelle regole CSS. In questo caso, MCSs file / scPhpWordRW.css cui viene fatto riferimento (cfr. Il primo esempio di una pagina HTML).

A differenza di HTML, CSS tema è più semplice, non c'è regole molto accessibile e il loro numero è piccolo, quando l'esempio della creazione di pagine HTML non richiede altro che blocco note. Tutto è molto accessibile per lo sviluppo immediato:

Questo dimostra quanto sia facile è descritto tag scLogo_vDoc, e questa descrizione è che in uno stato normale del tag visualizza un'immagine vDoc-logo.png, e quando il mouse si trova sopra di esso – mostrato vDoc-logo-h.png.

La struttura delle descrizioni HTML

Lingua non comporta effettuare qualsiasi della struttura e la sintassi del concetto è molto relativo. Non ci sono variabili, ma ci sono un sacco di opportunità. La base fondamentale di ipertesto è che ci sia un elemento (tag) che è sicuro di avere un nome.

Il nome del caso, la coppia di tag, composto da nomi propri (TagName) e parentesi angolari ( «»), se stiamo parlando circa l'inizio del tag, e «», se registrato la sua estremità.

Esempio di pagine HTML che descrivono gli attributi si trovano nel testo che segue.

Il tag possono avere attributi, poi si sono messi attraverso uno spazio dopo il nome del tag prima della chiusura parentesi angolare ">". Attributi, se hanno il tag viene registrata solo all'inizio. Il contenuto del tag è quella che si trova tra il tag di inizio e la fine di esso.

Totale descrizioni dei contenuti HTML

HTML consente di descrivere gli elementi di blocco e inline. In primo luogo occupare una certa area nella finestra del browser può essere posizionato in modo assoluto, cioè nel posto giusto al campo di visualizzazione pagine HTML, e hanno una dimensione specifica.

elementi in linea compaiono generalmente un filo, che è, come è stato dichiarato nel file di paging, e visualizzata sullo schermo. La visualizzazione del flusso totale può essere influenzata quando si verifica il caricamento della pagina. Sul posizionamento, visibilità, e altre proprietà degli elementi di blocco può essere in qualsiasi momento tramite JavaScript-code.

Oltre agli elementi semplici, HTML offre per descrivere le tabelle e moduli. Questi elementi sono molto richiesti nel "palazzo di tutti i giorni del sito."

Descrizione della tabella: tag TABLE, TR, TD

Quando tag TABLE può essere usato per creare una tabella, specificare un numero di righe e TR fila per un numero di celle TD. In contrasto con il solito tavolo di organizzazione, a causa della natura HTML markup organizzazione tabellare limitato a questa dichiarazione, perché se lo sviluppatore vuole avere un tavolo rettangolare in cui il numero di colonne in tutte le righe dello stesso, allora deve seguire che per te stesso.

La posizione di principio di HTML: fare tutto ciò che è, ma niente che non si comprende. In alcuni casi non è così importante per il numero di colonne di ogni riga della tabella, ma se si desidera eseguire una cellula unione orizzontale o verticale, è necessario contare tutti molto attentamente.

Esempio di pagina HTML con una descrizione di una semplice tabella grafica mostrata in questo articolo.

Ecco una tabella che mostra le dimensioni di tre righe per tre colonne, con il primo tag fila TH è stato usato al posto del tag TD – colonna. Particolarmente distinti questi due tag non hanno, ma è possibile utilizzare il primo a distinguere tra la prima riga della tabella, e in CSS per TH, è possibile collegare il proprio stile, che la distingue da altri TD.

Descrizione modulo: tag FORM, INPUT

Modulo – questa è la parte più richiesto dei tag HTML. moduli utilizzando in grado di trasmettere le informazioni. In realtà, la pagina – queste informazioni di visualizzazione, ma la forma – di ingresso.

Esempio di pagina HTML con una descrizione di una forma semplice:

Usi di forme molto di più, ma le caratteristiche principali sono i seguenti. È possibile specificare il campo di immissione, è necessario assegnare loro di progettare e gestori di eventi per l'analisi di input dell'utente. È possibile specificare un campo nascosto e trasmettere informazioni dalla pagina di sfondo. È possibile indicare pulsante di trasmissione dati, premendo che avvia il processo di trasferimento dei dati.

utilizzando HTML

Per conoscere il linguaggio ipertestuale – una condizione indispensabile per qualsiasi specializzazione lavoro nel campo della programmazione di Internet, ma se si vuole scrivere un programma in PHP o JavaScript, quindi conoscere il linguaggio HTML + CSS hanno bisogno perfettamente.

linguaggio PHP è stato identificato nel precedente esempio. PHP viene eseguito sul server, in quanto una pagina con questo modulo ha volato dal server al browser con i campi pieni. In particolare, TestOnBlur funzioni di cui INPUT tag (onblur gestore di eventi), ha ricevuto tutti i parametri sotto forma di campi di testo.

Il browser esegue JavaScript, e ha funzionato correttamente i dati pulsante di invio al server, vale a dire, il design :. onclick = jQuery ( '# per') val ( 'carrello'), è necessario conoscere non solo su ciò che la jQuery, ma ciò che #to, val, cart. Più precisamente, è necessario conoscere i tag HTML di base e le norme generali applicabili a loro gli stili CSS.

Questo è sufficiente per aumentare rapidamente la qualifica di qualsiasi specializzazione nel settore della programmazione internet.