Un exemplu al unei pagini HTML și principiile de bază ale

Inventat multe limbi, dar limbajul HTML este una dintre cele mai speciale si vosstrebovan. Din moment ce implică o mulțime de alte inițiative-cheie în programare. O mare parte este pus la dispoziție, atunci când în mintea dezvoltator cunoștințelor actuale de limbaj de marcare - Hypertext Markup Language (HTML).

De fapt, în HTML, nu este nimic dificil, și în câteva minute, toate cele mai îndepărtate din programarea și oamenii de Internet vor îndeplini crearea de HTML-pagini în notebook-ul. Exemple notabile, simplitate, într-adevăr, accesibil tuturor.

descriere generală

fișier HTML - un site de o pagină, cu toate că acest lucru este discutabil, dar ceea ce este un fișier pe pagină, pentru început este clar.

fișier HTML începe cu un antet DOCTYPE care specifică faptul că tipul de fișier - HTML. Toate elementele de pagină (tag-uri) sunt indicate între paranteze unghiulare. Fiecare pereche ( "<" și ">") include un HTML tag. De obicei, tag-uri HTML sunt asociate, adică pentru fiecare «etichetă» au «/ tag». Ambele sunt închise în paranteze unghiulare. Există o singură etichetă, dintre care cele mai populare «br /» - trecerea la linia următoare.

Cel mai mare tag-ul din fișierul - l-am HTML, care include doar două tag-ul: cap și corp. În primul caz, caietul de sarcini diferite sunt orientative de link-uri către alte fișiere de pagini pertinente pot fi prezente PHP și script-uri JavaScript. În conținutul scris doua pagină. De asemenea, în formă de tag-uri și script-uri.

Simplu pagina HTML

Exemplu de a crea un astfel de pagini este indicat în articolul de mai jos. Luați în considerare cu atenție.

sectiunea HEAD

Principalul scop tag-ul HEAD - o descriere generală a paginii și script-urile generale, deși acesta din urmă - doar un concept relativ. De obicei, se acordă o importanță considerabilă doar două lucruri:

• cuvinte cheie și descriere a paginii;
• link-uri către alte fișiere (* .css și .js *).

Pentru a afișa conținutul conținutului paginii din această secțiune are importanță doar indirect, deoarece indică în cazul în care unele alte fișiere au reguli CSS pentru tag-uri și alte limbaje script-uri.

HTML-pagină are un titlu (titlu), care este afișat atunci când un vizitator aduce mouse-ul peste tab-ul în cazul în care se deschide pagina. Acest lucru este important, deoarece face pagina mult mai prezentabil, mai ușor de spus, semnat de text ușor de citit.

Meta-tag-uri sunt importante în programare web, în general, dar atunci când este necesară crearea de HTML-pagini într-un notebook, un exemplu de structuri redundante dezordine nedorite.

Pe link-urile SCRIPT LINK și ar trebui să acorde o atenție deosebită. Prima se referă la un loc în cazul în care există un fișier CSS stylesheet, al doilea - locația fișierului JavaScript-cod. Astfel de link-uri pot fi setate.

Dacă utilizați script-uri ar trebui să fie tratate ca o cunoaștere HTML va deveni mai puternic, ar trebui să acorde o atenție imediat pe foi de stil în cascadă. Fișierele CSS sunt, în special, regulile de înregistrare a tag-uri HTML.

BODY sectiune

De fapt, o pagină de probă HTML - aceasta este secțiunea BODY. Aici, care conține toate informațiile, întreaga pagină de conținut. Toate informațiile sunt prezentate sub formă de tag-uri și script-uri, cum ar fi introducerea unui cod JavaScript-sau bucăți de PHP-program.

Este important să realizăm că exemplul de pagini web HTML în browser și același exemplu într-un editor de text cum ar fi Notepad, acest lucru nu este același lucru. În primul caz, suntem gata HTML-text în care toate script-uri executate. De exemplu, PHP și-a îndeplinit partea sa și a format în locul codului în locurile potrivite etichetele. JavaScript îndeplinit, de asemenea, misiunea, deși încă despre el să fie o conversație separată.

HTML - l etichetează în loc de script-uri. În cele din urmă, numai conținutul paginii afișate în browser-ul, dar tag-ul său. Nu PHP-cod nu este acolo.

JavaScript este într-o poziție specială, grija sa - pentru a servi pagina, nu numai la timpul de boot (suprasarcină), dar în momentele când pagina este în browser-ul vizitatorului, și studiilor pe care le.

Un exemplu simplu de cod HTML-pagini (numai secțiunea BODY) este prezentată mai jos.

browser-ul vizitatorului se pare așa cum se arată mai jos.

nu a fost specificat în codul ar trebui să arate ca elementele care au adus browser-ul. Toate design-ul este vizibil în normele CSS. În acest caz, MCSS fișier / scPhpWordRW.css care a fost menționată (a se vedea. Primul exemplu de HTML al paginii).

Spre deosebire de HTML, CSS temă este mai simplă, există reguli foarte accesibile și numărul lor este mic, atunci când exemplul crearea de HTML-pagini nu are nevoie de nimic altceva decât Notepad. Totul este foarte accesibil pentru dezvoltarea imediată:

Acest lucru arată cât de ușor este descris tag-ul scLogo_vDoc, iar această descriere este că într-o stare normală a tag-ul afișează o imagine VDOC-logo.png, iar atunci când mouse-ul este peste ea - afișat VDOC-logo-h.png.

Structura descrierilor HTML

Limba nu implică efectuarea nici a structurii și sintaxa conceptului aici este foarte relativă. Nu există variabile, dar există o mulțime de oportunități. Baza fundamentală a hipertext este că există un element (tag), care este sigur de a avea un nume.

Numele cazului, perechea tag-ul, compus din nume proprii (tagname) și paranteze unghiulare ( «<» + tagName + «>»), dacă vorbim despre începutul tag-ul, și «», în cazul în care a înregistrat capătul său.

Exemplu de pagini HTML care descriu atributele situate în textul de mai jos.

Eticheta poate avea atribute, atunci ele sunt puse printr-un spațiu după numele tag-ul înainte de cornierul de închidere „>“. Atributele, în cazul în care au tag-ul este înregistrat doar la început. Conținutul tag-ul este cel care se află între eticheta de început și la sfârșitul acesteia.

Total descrieri ale conținutului HTML

HTML vă permite să descrie elementele bloc si inline. În primul rând ocupă o anumită zonă în fereastra browser-ului poate fi poziționat absolut, care este în locul potrivit, la domeniul de afișare HTML-pagini, și să aibă o anumită dimensiune.

Elementele inline apar, în general, un singur fir, care este, așa cum a fost menționat în fișierul paginii, și afișate pe ecran. Afișajul debitului total poate fi influențată atunci când are loc încărcarea paginii. Privind amplasarea, vizibilitatea, precum și alte proprietăți ale elementelor bloc pot fi influențate în orice moment, prin intermediul JavaScript-cod.

În plus față de elemente simple, HTML ofera pentru a descrie tabele și forme. Aceste elemente sunt foarte mult în cerere, în „construirea site-ul de zi cu zi.“

Descrierea tabelului: TABLE tag-uri, TR, TD

Când eticheta TABLE poate fi folosit pentru a crea un tabel, specificați un număr de rânduri și TR într-un rând pentru un număr de celule TD. Spre deosebire de masa obișnuită de organizare, datorită naturii HTML markup organizației tabular limitat la această declarație, pentru că în cazul în care dezvoltatorul vrea să aibă o masă dreptunghiulară, în care numărul de coloane din toate rândurile de la fel, atunci trebuie să urmeze asta pentru tine.

Poziția principială a HTML: face tot ce este, dar nimic care nu este înțeles. În unele cazuri, nu este atât de important pentru numărul de coloane din fiecare rând al tabelului, dar dacă doriți să efectuați o îmbinare de celule pe orizontală sau pe verticală, este necesar să se conta foarte atent.

Exemplu de pagină HTML cu o descriere a unui tabel simplu grafic prezentat în articol.

Aici este un tabel care arată mărimea a trei rânduri de trei coloane, cu tag-ul primul rând TH a fost folosit in loc de TD tag - antetul coloanei. Deosebit de distins aceste două etichete nu au, dar este posibil să se utilizeze primul pentru a distinge între primul rând al tabelului, și în CSS la TH, puteți atașa un stil propriu, care îl diferențiază de alte TD.

Formularul Descriere: tag-ul FORMULAR, INPUT

Forma - aceasta este partea cea mai solicitate de HTML-tag-uri. folosind formulare pot transmite informații. De fapt, pagina - informații de afișare, dar forma - de intrare.

Exemplu de pagină HTML cu o descriere a unui formular simplu:

Utilizeaza de forme mult mai multe, dar principalele caracteristici sunt după cum urmează. Puteți specifica câmpul de intrare, trebuie să le alocați pentru a proiecta și de manipulare eveniment pentru analiza date introduse de utilizator. Puteți specifica un câmp ascuns și transmite informații din fundalul paginii. Puteți desemna pe butonul de transmitere a informațiilor, apăsarea care inițiază procesul de transfer de date.

Utilizarea HTML

Pentru a cunoaște limba hipertext - o condiție indispensabilă pentru orice specializare de muncă în domeniul programării pe Internet, dar dacă doriți să scrie un program în PHP sau JavaScript, atunci stii HTML + CSS au nevoie de perfect.

Limba PHP a fost identificat în exemplul anterior. PHP ruleaza pe server, pentru că o pagină cu această formă a zburat de la server la browser-ul cu câmpurile pline. În special, funcțiile TestOnBlur menționate în INPUT tag-ul (de tratare a evenimentului onblur), a primit toți parametrii în formă de câmpuri text.

Browserul rulează JavaScript, și pentru a lucrat în mod corespunzător datele butonul trimite înapoi la server, care este, de proiectare :. Onclick = jQuery ( „# la“) val ( „coș“), este necesar să se cunoască nu numai despre ceea ce jQuery, dar ce #cu, val, coș. Mai precis, este necesar să se cunoască etichetele HTML de bază și regulile generale aplicabile acestora, stilurile CSS.

Acest lucru este suficient pentru a ridica rapid calificarea de orice specializare în domeniul programării pe Internet.