Cum să stăpânești programarea html. Este HTML un limbaj de programare?

Recent, din ce în ce mai des, diverse resurse de pe Internet organizează holivar pe tema: HTML este sau nu un limbaj de programare. Ca de obicei, există un număr considerabil de argumente în favoarea ambelor puncte de vedere, așa că am decis să pun capăt acestei dispute inutile pentru mine.

Definiția unui limbaj de programareLimbajul de programare - sistem formal de semne, conceput pentru înregistrarea programelor de calculator. Limbajul de programare definește setul lexicale, sintactice și semantice definirea regulilor aspect programe și actiuni, care va fi realizat de interpretul (calculatorul) aflat sub controlul acesteia.

Acesta este ceea ce scrie pe Wikipedia și majoritatea celorlalte resurse fie folosesc pe deplin această definiție, fie o exprimă liber, fără a pierde sensul. Să aruncăm o privire mai atentă asupra componentelor definiției unei limbi:

  • Un limbaj formal este un set de cuvinte finite (linii, lanțuri) peste un alfabet finit.
  • Un sistem de semne este un sistem de mesaje/semnale interpretate și interpretate uniform care pot fi schimbate în procesul de comunicare. Uneori, sistemele de semne ajută la structurarea procesului de comunicare pentru a-i conferi o anumită adecvare în ceea ce privește reacțiile participanților săi la anumite „semne”. Limba (atât în ​​formă scrisă, cât și, în cazul limbilor naturale, sub formă de vorbire) este de obicei citată ca exemplu de sistem de semne.
  • Un program de calculator este o secvență de instrucțiuni destinate a fi executate de dispozitivul de control al unui computer.
  • Vocabularul este un set de cuvinte dintr-o anumită limbă, parte dintr-o limbă sau cuvinte pe care o anumită persoană sau un anumit grup de oameni le cunoaște.
  • Sintaxa este partea unui limbaj de programare care descrie structura programelor ca seturi de simboluri (de obicei spuse - indiferent de conținut). Sintaxa unei limbi este contrastată cu semantica ei. Sintaxa unui limbaj descrie limbajul „pur”, în timp ce semantica atribuie semnificații (acțiuni) diferitelor construcții sintactice.
  • Semantica în programare este o disciplină care studiază formalizarea semnificațiilor constructelor limbajului de programare prin construirea modelelor lor matematice formale. Diverse instrumente pot fi utilizate ca instrumente pentru construirea unor astfel de modele, de exemplu, logica matematică, λ-calcul, teoria mulțimilor, teoria categoriilor, teoria modelelor și algebra universală. Formalizarea semanticii unui limbaj de programare poate fi folosită atât pentru a descrie limbajul, a determina proprietățile limbajului, cât și în scopul verificării formale a programelor din acest limbaj de programare.
  • Limba este un sistem de semne care corelează conținutul conceptual și sunetul tipic (ortografia).
În termeni mai simpli se poate afirma după cum urmează:

Un limbaj de programare este un set de instrucțiuni predefinite, uniforme și ușor de înțeles pentru executant (a se citi: interpret/compilator/calculator/programator) instrucțiuni destinate a fi scrise secvențial în scopul executării lor de către un anumit dispozitiv care face parte dintr-un computer. De asemenea, limbajul de programare trebuie să aibă o serie de caracteristici: trebuie să existe un număr limitat de instrucțiuni, iar toată lumea trebuie să le cunoască; instrucțiunile trebuie să fie structurate într-un anumit mod pentru a produce anumite rezultate și toată lumea trebuie să știe despre asta; ar trebui să existe reguli pentru scrierea instrucțiunilor și toată lumea să le cunoască; Fiecare construcție a limbii trebuie să coreleze fără ambiguitate ceea ce este scris cu ceea ce trebuie desemnat.

S-a dovedit atât de greoaie și urâtă, dar fără cuvinte complicate. Vom reveni la această definiție puțin mai târziu.

Tipuri de limbaje de programare

Împărțirea în limbi de nivel scăzut și de nivel înalt este, de asemenea, folosită adesea. Aceste tipuri diferă prin „grosimea stratului” dintre procesor și programator. În cuvinte simple, în limbile de nivel scăzut fiecare instrucțiune reprezintă una sau un număr mic de instrucțiuni de procesor, iar într-un limbaj de nivel înalt fiecare instrucțiune reprezintă un set mare de instrucțiuni de procesor.

Să aruncăm o privire mai atentă la definițiile diferitelor tipuri conform Wikipedia:

  • Programarea orientată pe aspecte (AOP) este o paradigmă de programare bazată pe ideea de separare a funcționalității pentru a îmbunătăți modularizarea unui program.
  • Programarea structurată este o metodologie de dezvoltare software care se bazează pe prezentarea unui program sub forma unei structuri ierarhice de blocuri. Propus în anii 70 ai secolului XX de E. Dijkstra, dezvoltat și completat de N. Wirth.
  • Programarea procedurală este programarea într-un limbaj imperativ, în care instrucțiunile executate secvențial pot fi asamblate în subrutine, adică unități mai mari de cod, folosind mecanismele limbajului însuși.
  • Programarea logică este o paradigmă de programare bazată pe demonstrarea automată a teoremelor, precum și o secțiune de matematică discretă care studiază principiile inferenței logice a informațiilor bazate pe fapte date și reguli de inferență. Programarea logică se bazează pe teoria și aparatura logicii matematice folosind principiile matematice ale rezoluției.
  • Programarea orientată pe obiecte (OOP) este o paradigmă de programare în care conceptele principale sunt conceptele de obiecte și clase. În cazul limbajelor de prototipare, obiectele prototip sunt folosite în locul claselor.
  • Programarea funcțională este o ramură a matematicii discrete și o paradigmă de programare în care procesul de calcul este interpretat ca calcularea valorilor funcțiilor în sensul matematic al acestora din urmă (spre deosebire de funcțiile ca subrutine în programarea procedurală).
  • Un limbaj de programare cu mai multe paradigme este, de regulă, un limbaj de programare care a fost dezvoltat special ca instrument pentru programarea cu mai multe paradigme, adică ale cărui capacități vizuale au fost inițial destinate să fie moștenite din mai multe limbi, cel mai adesea fără legătură. .
  • Un limbaj de programare ezoteric este un limbaj de programare conceput pentru a explora granițele dezvoltării limbajului de programare, pentru a dovedi potențiala implementare a unei anumite idei (așa-numita „dovadă de concept”, dovada de concept în limba engleză), ca o operă de artă software. , sau ca o glumă (umor pe computer).
Abordare imperativă și declarativă
Toate limbajele de programare sunt împărțite în două grupe: declarativ și imperativ.

Din punct de vedere matematic, un program într-un limbaj de programare imperativ este o soluție generală la o problemă dată, cu alte cuvinte, un răspuns la întrebarea „cum se face?” Aceasta este o secvență de comenzi pe care executorul trebuie să o execute.

Un program într-un limbaj de programare declarativ este o combinație între o problemă formalizată în limbajul de programare și toate teoremele necesare pentru a o rezolva; cu alte cuvinte, răspunsul la întrebarea „ce să faci?” O anumită secvență de acțiuni este efectuată de un compilator, sau mai adesea de un interpret - un program care execută codul programului în timp real, fără a-l converti în cod de mașină.

Completitudine Turing În teoria computabilității, un executant (un set de elemente de calcul) se numește Turing complet dacă orice funcție calculabilă poate fi implementată pe el. Cu alte cuvinte, pentru fiecare funcție calculabilă există un element de calcul (de exemplu, o mașină Turing) sau un program pentru executant, iar toate funcțiile calculate de un set de calculatoare sunt funcții calculabile (poate cu o anumită codificare a datelor de intrare și de ieșire). ).
Numele vine de la Alan Turing, care a inventat un calculator abstract - mașina Turing și a definit multe funcții calculabile de mașinile Turing.
Cu alte cuvinte, limbajul este Turing complet, dacă orice funcție calculabilă de care aveți nevoie poate fi scrisă în acest limbaj și rezolvată de executantul său.

Turing nu este complet există și limbi, dar, deoarece sunt create în principal în scopuri academice, sunt puțin cunoscute și nu sunt utilizate pe scară largă.

Eseu

1. Scurt istoric al WWW

2. Limbajul HTML - construirea documentelor Web:

a) Șablon de document web

b) formatarea textului

c) formatarea paragrafelor

d) lucrul cu imagini de imagini:

I. imagini de fundal

II. imagini statice și dinamice

f) rame:

I. Rame verticale

II. Cadru orizontal

III. Cadre imbricate

Mijloace alternative de pregătire a documentelor

1. O scurtă istorie a World Wide Web

Este bine cunoscut faptul că Internetul este, în special, un depozit uriaș de tot felul de informații. Înainte de apariția World Wide Web (WWW), navigarea pe Internet în căutarea informațiilor necesare nu putea fi numită convenabilă. Pentru a primi un fișier de la un server FTP, trebuia să descărcați separat aplicația client. În același timp, trebuia să vă amintiți parola, trebuia să navigați prin numeroase directoare în căutarea fișierului dorit, fără a uita să setați modul corect de transfer înainte de a-l primi; cunoașteți numeroase comenzi pentru lucrul cu servere FTP etc. Dacă trebuia să vizualizați o conferință, trebuia să lansați o altă aplicație, care avea propriul set de comenzi pentru citirea, redirecționarea și salvarea mesajelor din conferințe. Toate acestea erau incomod.

În urmă cu aproximativ cinci ani s-a încercat organizarea ordinii de informare pe internet. Acest lucru a dus la apariția serviciului World Wide Web, care a luat naștere la Centrul European de Cercetare Nucleară din Suedia. Ideea WWW se bazează pe așa-numitul hipermedia documente sau documente Web, numite și pagini Web, menite să pună ordine în organizarea și regăsirea datelor. Aceste documente pot conține atât informații text, cât și non-text (de exemplu, imagini, sunet), precum și link-uri. Link-urile sunt indicatori cu care vă puteți deplasa liber dintr-un loc în altul dintr-un document sau chiar vă puteți referi la un document separat, care poate fi situat în cealaltă parte a lumii. Deși documentele Web pot conține o mare varietate de informații, nu doar text, ele sunt aproape întotdeauna numite hipertext ( hipertext) documente, ceea ce în general nu este în întregime adevărat.

Pe ecran, un document Web tipic arată ca un set de text cu link-uri; pot fi prezente diverse ilustrații. Puteți răsfoi documentul, vizualiza conținutul și puteți naviga rapid prin el sau prin alte documente folosind link-uri.

Odată cu apariția WWW, Internetul a început să servească text și grafică, iar cu mouse-ul a devenit posibil să călătorești în jurul lumii și să găsești cu ușurință informațiile de care ai nevoie cu un simplu punct și clic. A devenit ușor să descărcați fișiere și să citiți conferințe. Acesta este motivul pentru care serviciul WWW a câștigat popularitate în întreaga lume și o utilizare pe scară largă. În fiecare zi, pe Internet apar un număr mare de servere Web și sunt publicate mii de documente noi.

Pentru a construi documente Web pe WWW, se folosește un limbaj special numit HTML, care înseamnă HyperText Markup Language - un limbaj de marcare hipertext, un limbaj de formatare a datelor. Bazat pe Standard Generalized Markup Language (SGML), HTML definește formatarea și organizarea datelor în documentele Web. Nu definește exact cum va fi plasat textul pe ecran; definește structura datelor. Un document Web poate conține mai mult decât informații textuale și, prin urmare, limbajul HTML ar fi mai corect numit HyperMedia Markup Language, dar în literatură abrevierea HTML este aproape întotdeauna folosită. Un document creat în HTML este un fișier obișnuit în format ASCII. Se bazează pe descriptori speciali (etichete), care determină formatarea datelor în orice document Web. Desigur, este necesar un software special pentru a vizualiza documente HTML pe World Wide Web. Astfel de programe se numesc browsere (din engleză. naviga– răsfoiți, răsfoiți). Cu ajutorul lor, puteți descărca și vizualiza pagini Web, puteți naviga pe WWW etc. În prezent, există un număr destul de mare de browsere, dintre care cele mai populare browsere sunt Microsoft Internet Explorer, Netscape Navigator și NCSA Mosaic. Browserul, după ce a citit fișierul HTML, folosește descriptori pentru a interpreta datele conținute în document și pentru a le afișa pe ecranul computerului în consecință. 1 prezintă un exemplu de document Web:

Fig.1 Exemplu de document Web

Limbajul HTML evoluează rapid. În procesul dezvoltării sale, a dobândit noi capacități și le-a pierdut pe cele puțin utilizate și învechite. În prezent, versiunea oficială actuală a limbajului HTML este versiunea 3.2, care a dezvoltat instrumente pentru construirea documentelor Web. În comparație cu HTML 2.0, noua versiune oferă noi funcții, cum ar fi tabele, încadrarea textului în jurul imaginilor, încorporarea applet-urilor Java și alte caracteristici.

Astăzi, pe lângă versiunea oficială a limbii, există și versiuni de HTML de la Microsoft și Netscape, care acceptă și caracteristici suplimentare care nu sunt descrise în specificația pentru versiunea oficială a HTML. Pentru a rezolva problema compatibilității browserului la afișarea documentelor compuse folosind elemente ale versiunilor neoficiale ale limbajului HTML, companiile menționate mai sus includ suport pentru o versiune alternativă a limbii în produsele lor. Versiunea 4.0 a limbajului, numită HTML dinamic, este pe drum, promițând îmbunătățiri ale vechilor și interesante noi funcții pentru proiectarea documentelor Web. W3C (World Wide Web Consortium - organizația de standarde World Wide Web) propune deja această versiune a limbajului ca standard. Există versiuni ale noii versiuni a limbii de la Microsoft și Netscape, care, totuși, nu sunt încă compatibile între ele. Această lucrare dezvăluie principalele instrumente pentru construirea documentelor din HTML versiunea 3.2 de la Netscape Communications.

2. Limbajul HTML. Construirea documentelor web

După cum sa menționat mai sus, formatarea unui document în HTML este specificată de descriptori speciali. Un descriptor este o comandă de formatare a datelor și este cuprins între paranteze unghiulare „”. Există mânere de deschidere și de închidere, între care este plasat textul de formatat. Descriptorii de deschidere specifică metoda de formatare, în timp ce al doilea descriptor o înlocuiește. Diferența dintre acești descriptori este că în descriptorul de închidere numele este precedat de o bară oblică. De exemplu, descriptori. Există și mânere care nu necesită o opțiune de închidere.

HTML nu face distincție între majuscule și minuscule, așa că toți descriptorii pot fi specificați fie cu litere mari, fie cu litere mici. Browserul le va interpreta fără ambiguitate în orice ortografie.

Dacă vă uitați la textul sursă al unei pagini web tipice, veți vedea ceva de genul următor:

titlul documentului

text

text

text

text

Între descriptori se află întregul document în sine. Descriptori și definesc domeniul de aplicare al stabilirii titlului documentului. Titlul documentului este plasat între pereche. Conținutul său este vizibil în titlul ferestrei browserului. Informațiile din antet sunt folosite de unii roboți web pentru a indexa datele atunci când accesează cu crawlere resursele WWW. În această zonă puteți introduce, de exemplu, informații despre autor, o scurtă descriere a documentului. Între descriptori se află datele care vor fi afișate de browser pe ecran. Descriptorii conțin informații despre autor care vor fi afișate pe ecran, de exemplu, numele și prenumele autorului, adresa sa de e-mail, data la care documentul a fost creat și modificat etc.

Strict vorbind, niciunul dintre descriptorii de mai sus nu este obligatoriu la crearea documentelor, dar ajută la structurarea documentelor, iar definirea lor este un semn de bun stil la alcătuirea paginilor Web.

Formatarea textului

Formatarea textului implică afișarea textului într-un anumit font sau cu anumite atribute.

Pentru a formata textul, trebuie să includeți o linie sau linii de text între o pereche de mânere. Următoarea este o listă de bază a descriptorilor și a rezultatelor formatării textului:

De exemplu, dacă trebuie să afișați o anumită linie pe ecran cu caractere cursive, atunci trebuie să introduceți următoarele în corpul documentului Web:

Acest text este scris cu caractere cursive

Ca rezultat, browserul va afișa:

Acest text este scris cu caractere cursive

Descriptorii pot fi combinați între ei în orice ordine, de exemplu, combinația

Acest text este tipărit cu caractere cursive aldine

va produce următorul rezultat:

Acest text este tipărit cu caractere cursive aldine

Unele documente Web conțin linii intermitente de text concepute pentru a atrage atenția utilizatorului. În aceste scopuri se utilizează descriptorul:

Acesta este un text intermitent

Cu toate acestea, această extensie de limbaj Netscape este rar folosită și poate deveni în curând învechită.

Designul paginilor Web folosește adesea fonturi de diferite dimensiuni. Puteți scoate o linie cu o dimensiune de font diferită de cea normală folosind descriptori text, unde n este un număr de la 1 la 7 care determină dimensiunea fontului relativ la normal. Deci următorul text se află în corpul documentului

Acest text este cu patru dimensiuni mai mare decât în ​​mod normal

ecranul va arăta astfel:

Acest text este cu patru dimensiuni mai mare decât în ​​mod normal.

Trebuie remarcat faptul că perechile de descriptori Și, și sunt, de asemenea, elemente ale versiunii HTML a Netscape și, prin urmare, este posibil să nu fie acceptate de alte browsere.

Formatarea paragrafelor

Informațiile text postate pe paginile Web sunt organizate în paragrafe. Un paragraf începe cu un descriptor și se termină cu un descriptor de închidere.

, cu toate acestea, acesta din urmă este opțional. Exemplu de cod HTML:

Primul paragraf

Al doilea paragraf

Ca urmare, următorul rezultat va apărea pe ecran:

Primul paragraf

Al doilea paragraf

La alcătuirea unui document, este necesar să se țină cont de faptul că browserul ignoră spațiile dintre cuvinte și întreruperile de rând la formatarea textului, deci consideră ca paragraf doar textul care se află între descriptori. Spargerea de linie forțată este setată de descriptor
, care nu are o opțiune de închidere. Cod simplu:

Prima linie

A doua linie

Ca rezultat, browserul va afișa:

Prima linie

A doua linie

Dacă trebuie să afișați text cu numărul necesar de spații și întreruperi de rând, trebuie să-l încadrați în descriptori AND. Acesta este folosit în mod obișnuit pentru a afișa pe ecran listele surselor programului. În acest caz, textul va fi afișat într-un font monospațiu.

Crearea antetelor

Titlurile de diferite niveluri sunt specificate folosind descriptori și , unde n este un număr de la 1 la 6. Cel mai mare titlu este specificat de descriptor, cel mai mic de descriptor. De exemplu:

Acesta este un titlu de nivel 1

Acesta este un antet de nivel 3

Acesta este un titlu de nivel 6

Ca rezultat, ecranul va afișa:

Acesta este un titlu de nivel 1

Acesta este un antet de nivel 3

Acesta este un titlu de nivel 6

Titlurile sunt unul dintre elementele de proiectare a documentelor cel mai frecvent utilizate pe WWW.

Crearea listelor

În HTML, este posibil să se definească trei tipuri de liste: liste numerotate, liste nenumerotate, liste de definiții. Începutul și sfârșitul listei sunt specificate prin descriptori speciali, iar înaintea fiecărui element al listei este specificat un descriptor

  • , care nu are o opțiune de închidere.

    Lista numerotata:

  • Element din listă

  • Element din listă

  • Element din listă

    Rezultat:

    Lista neordonata:

  • Element din listă

  • Element din listă

  • Element din listă

    Rezultat:

    * Element din listă

    * Element din listă

    * Element din listă

    Listele de definiții sunt grupuri de text cu câte două elemente fiecare, cu al doilea element decalat la dreapta primului. De obicei, astfel de liste sunt folosite pentru a explica diferite concepte. Exemplu:

    Primul concept definit

    Explicarea primului concept

    Al doilea concept definit

    Explicația celui de-al doilea concept

    Rezultat:

    Primul concept care trebuie definit.

    Explicarea primului concept.

    Al doilea concept definit.

    Explicația celui de-al doilea concept.

    Legături

    Legăturile sunt unul dintre elementele de bază ale limbajului HTML. Legăturile oferă utilizatorului o modalitate rapidă și convenabilă de a naviga către o anumită locație dintr-un document sau chiar către un alt document. De exemplu, în loc să răsfoiți un document Web lung în căutarea fragmentului dorit, vă puteți deplasa instantaneu în locul dorit cu un simplu clic de mouse (dacă, desigur, este furnizat un link corespunzător pentru aceasta). Dacă există două documente diferite, atunci pentru a oferi acces de la un document la altul, nu este necesar să le combinați; este suficient să faceți o legătură într-un document la celălalt și totul se va reduce la un simplu mouse clic.

    Pe ecran, linkurile apar ca o linie sau linii de text, evidențiate într-o culoare diferită și subliniate cu o linie subțire. Dacă mutați cursorul mouse-ului în această secțiune a textului, acesta se va transforma într-o imagine a unui deget arătător, iar după ce faceți clic pe acest loc, veți urma acest link.

    Atributul HREF indică numele etichetei din documentul curent.

    Desigur, în acest caz este necesar să se indice în document eticheta pentru care se va seta legătura. În acest scop este folosit descriptorul cu atributul:

    Acesta este un semn

    Pe ecran, eticheta, spre deosebire de link-uri, nu iese în evidență între restul textului.

    Dacă trebuie să navigați la o etichetă situată într-un alt document, atunci exemplul de mai sus se va schimba ușor:

    URL-ul poate fi relativ sau absolut. În plus, un link poate indica nu numai un document, ci și imagini, fișiere binare, fișiere de sunet etc. Comportamentul browserului atunci când urmărește un anumit link depinde de setările sale specifice. Deci, dacă linkul indică un document, acesta va fi descărcat, dar dacă este un fișier audio sau video, acesta va fi redat. Dacă este un fișier binar, browserul va oferi să-l copieze pe discul local.

    Încorporarea imaginilor

    Utilizarea imaginilor vă permite să proiectați plin de culoare documente Web; combinația de text și grafică oferă oricărei pagini un aspect plăcut și claritate.

    Pentru a insera ilustrații într-un document, utilizați descriptorul :

    Atributul specifică numele fișierului imagine. Numele fișierului poate indica fie un fișier local, fie un fișier la distanță, specificând adresa URL corespunzătoare. Fișierul poate fi o imagine statică și să aibă un format grafic înțeles de browser sau o imagine dinamică prezentată în format GIF89A. În acest din urmă caz, fișierul va fi afișat în fereastra browserului ca o animație.

    Atributul ALT specifică textul care va fi afișat în fereastra browserului în locul unei imagini dacă, de exemplu, browserul utilizatorului nu acceptă grafică sau opțiunea de încărcare a imaginilor este dezactivată. Acest atribut este opțional, dar utilizarea lui este considerată un stil bun atunci când compuneți documente Web.

    Adesea, atunci când pregătiți pagini folosind grafice, se întâmplă ca dimensiunea dorită a imaginii să nu coincidă cu cea reală. De exemplu, trebuie să plasați o imagine într-o anumită zonă cu o anumită dimensiune. Pentru a face acest lucru, trebuie să utilizați atributele WIDTH și HEIGHT, care setează dimensiunile necesare imaginii în lățime și, respectiv, înălțime. De exemplu, dacă trebuie să plasați o imagine mare într-o zonă de 100 de pixeli înălțime și 200 de pixeli lățime, atunci trebuie să scrieți următoarele în corpul documentului:

    Ordinea acestor atribute poate fi arbitrară.

    Abundența elementelor grafice dintr-un document, pe de o parte, îmbunătățește aspectul său general, pe de altă parte, crește semnificativ timpul de încărcare. Pentru a găsi un compromis între viteza de încărcare a unui document și claritatea acestuia, designerii de pagini web recurg adesea la această tehnică: plasează imaginea pe pagină într-un format mai mic și o fac un link către ei înșiși. Dacă dați clic pe o astfel de imagine, browserul o va descărca și o va afișa în dimensiunile sale originale. Imaginea linkului este descrisă în document după cum urmează:

    O posibilitate interesantă este „înfășurarea” textului în jurul unei imagini. Acesta este un mod foarte popular de a proiecta pagini web. În acest caz, imaginea de pe ecran este înconjurată de text, de exemplu, în stânga și dedesubt. Împachetarea textului se realizează folosind atributul ALIGN, care are parametri precum:

    STÂNGA – textul va acoperi imaginea din stânga jos.

    DREAPTA – textul înconjoară imaginea din dreapta jos

    SUS – imaginea este înconjurată de text în dreapta sus

    BOTTOM – imaginea este înconjurată de text în dreapta jos

    MIJLOC – imaginea este înconjurată de text în dreapta mijloc

    De exemplu, la crearea paginii Web prezentată în Fig. 1, în corpul documentului a fost folosită următoarea intrare, care descrie imaginea:

    Imaginile pot fi folosite și ca fundal pentru documente. Tot textul și ilustrațiile din document vor fi afișate de browser în partea de sus a imaginii de fundal. Imaginile de fundal sunt setate simplu, după cum urmează:

    Dacă dimensiunea imaginii nu este suficient de mare pentru a umple întreaga fereastră a browserului, browserul va înmulți pur și simplu imaginea până când fereastra este complet umplută.

    Rame

    Una dintre cele mai recente inovații în versiunea oficială a limbajului HTML este așa-numitele cadre. Când utilizați cadre, fereastra browserului este împărțită în mai multe subferestre, în fiecare dintre acestea puteți afișa orice document Web și le puteți derula independent de alte ferestre. O structură de cadru bine concepută poate facilita foarte mult navigarea în documente și poate îmbunătăți percepția informațiilor. Un exemplu este o versiune electronică a unei cărți sau reviste, când într-o fereastră puteți selecta secțiuni-linkuri de conținut, iar în fereastra următoare puteți vizualiza informații legate direct de o anumită secțiune a conținutului.

    Există două tipuri de documente-cadru: documente care conțin cadru și documente simple. Documentele care conțin cadru definesc structura documentului cadru în sine, de exemplu. specificați datele despre modul în care fereastra browserului va fi împărțită în subferestre. Astfel de documente conțin link-uri către alte documente. Documentele obișnuite sunt acele documente care nu conțin date care definesc cadre.

    Structura unui document care conține cadru arată, în general, astfel:

    titlu

    Text

    Zona de stabilire a structurii cadrului

    După cum se poate vedea din exemplu, structura unui astfel de document este oarecum diferită de structura unui document obișnuit. Prezența descriptorilor și în loc de și este ceea ce distinge un document cadru de unul obișnuit. Folosirea descriptorilor este un alt semn de bun stil. Între ele specificați textul care va fi afișat într-o fereastră de browser care nu acceptă cadre.

    Mai jos este un exemplu de document cadru:

    Browserul dvs. nu acceptă cadre!

    < body >

    < h2 >< / h2 >

    < p >Bine ați venit pe blogul meu, urmați acum tutorialul despre elementele de bază HTML. Dacă ți-a plăcut acest articol, te poți abona la acest blog pentru a primi articole noi în căsuța ta de e-mail.< / p >

    < h2 >Blogul Evgeniei Nesmelov! Nesmelov. ru Bazele HTML și CSS pentru începători< / h2 >

    < / body >

    < / html >

    Orice cod constă din caractere care sunt plasate între paranteze unghiulare. Toate acestea se numesc elemente. Toate elementele constau de obicei din două etichete, de deschidere și de închidere. Vă sfătuiesc să priviți inițial cu atenție etichetele; dacă omiteți una dintre ele și nu o închideți, va trebui să revizuiți părți mari ale codului pentru a găsi eroarea.

    Au fost cazuri când a durat mai mult de o zi, o persoană contactează și cere ajutor, nu poate găsi o eroare pe site-ul său, așa că uitați-vă întotdeauna cu mare atenție la ce și unde scrieți. Să folosim acum acest exemplu pentru a ne uita la fiecare element al codului, ce este scris în el, ce înseamnă și ce se întâmplă în final.

    Majoritatea etichetelor sunt împerecheate, ceea ce include o etichetă de deschidere și una de închidere. Pe lângă astfel de etichete, există și etichete unice. Etichetele pot merge împreună cu altele, astfel cuibărându-se unele în altele. De exemplu, afișați textul cu caractere aldine și cursive simultan.

    Text

    < strong > < i >Text< / strong > < / i >

    Structura documentului HTML

    Permiteți-mi să vă reamintesc încă o dată, trebuie să urmați regulile prezente în document. Acesta este modul în care browserul înțelege ce este pe pagină, secvența acesteia, conținutul și așa mai departe.

    O etichetă este o componentă care îi spune browserului web să efectueze o anumită sarcină. De exemplu, prezența unui paragraf, tabel, formular sau imagine.

    Atribut - modifică eticheta. De exemplu, puteți alinia un paragraf centrat sau aliniat la dreapta, puteți, de asemenea, să setați locația imaginii pe pagină și așa mai departe.

    ÎNTOTDEAUNA închideți etichetele, dacă îl deschideți, asigurați-vă că îl închideți. În caz contrar, va apărea o eroare și documentul dvs. nu se va afișa corect pe pagină. Există și excepții, care nu trebuie uitate.

    Este clar necesar să înțelegeți că există un titlu de document și corpul acestuia. Titlul este tot ceea ce este conținut în etichetă. Corpul documentului (), corpul documentului conține tot conținutul paginii. Dacă este necesar să lăsați o secțiune de cod pentru dvs., incluzând astfel aceste etichete în comentarii, eticheta este folosită pentru aceasta. Tot ceea ce se află în interiorul unei astfel de etichete servește drept comentariu și nu este perceput de browsere.

    Să începem cu primul. La începutul documentului am deschis o etichetă și la sfârșit am închis-o. Acest cod este prezent în absolut fiecare document; îi spune browserului că tot ce este plasat între aceste etichete este cod HTML. Este rădăcina documentului în sine; tot ceea ce este prezent ulterior în spatele acestei etichete nu mai este inclus în document și nu este perceput de browsere. Chiar la începutul documentului, eticheta este deschisă și la sfârșit trebuie închisă.

    Întreaga secțiune a acestei etichete conține toate informațiile tehnice ale documentului. Ca și eticheta anterioară, capul trebuie de asemenea deschis și închis la sfârșit. Aceste informații includ titlul paginii, descrierea, cuvintele cheie ale motorului de căutare și codificarea. Despre codificare puțin mai jos.

    Conţinut

    < head >Conţinut< / head >

    Această etichetă este inclusă în cap și trebuie să fie scrisă în interiorul etichetei. Această etichetă de titlu este obligatorie și trebuie să fie prezentă în fiecare document HTML. În plus, apare ca titlul ferestrei browserului. Lungimea unui astfel de antet nu trebuie să depășească 60 de caractere. Textul unui astfel de antet ar trebui să conțină cele mai complete informații care caracterizează conținutul paginii.

    Dacă ați scris „Hello World” în antet, aceasta este informația care ar trebui să fie afișată pe pagină și nu alta. Nu ar trebui să înșeli oamenii și motoarele de căutare, nu le place și, prin urmare, înrăutățiți lucrurile pentru dvs. Informațiile conținute în această etichetă ar trebui să fie relevante pentru conținutul paginii dvs.

    După eticheta de titlu obligatorie, există o etichetă meta opțională, dar la fel de importantă. Această etichetă este singură. Folosind această etichetă, setați o descriere pentru pagină (descriere) și cuvintele ei cheie (cuvinte cheie).

    În plus, metaeticheta poate conține date despre autorul paginii și alte proprietăți de metadate. Puteți împiedica indexarea întregii pagini de către motoarele de căutare. Setați pagina să se reîmprospăteze automat după 20 de secunde sau după 5 secunde, urmată de trecerea la o altă pagină.

    < meta name = "robots" content = "index, follow" >

    < meta http - equiv = "refresh" content = "20" >

    < meta http - equiv = "refresh" content = "5; url=http://сайт/" >

    Pot exista mai multe astfel de meta-elemente, deoarece pot transporta informații complet diferite. Alți utilizatori, când deschid pagina în browser, nu văd toate descrierile dvs.; toate acestea rămân ascunse pentru vedere.

    Eticheta de stil poate fi folosită și pentru a seta stiluri pe pagină. Dacă utilizați mai multe stiluri CSS diferite, atunci este recomandabil să le setați într-un fișier separat. Dacă trebuie să specificați mai multe dintre ele, toate acestea pot fi specificate direct în documentul html.

    .bază ( lățime: 100px; culoarea fundalului: #000; înălțimea: 150px; culoare: #fff; )

    < style type = "text/css" >

    Baza(

    lățime: 100px;

    fundal - culoare: #000;

    înălțime: 150px;

    culoare: #fff;

    Sau adăugați stiluri în mod specific unei etichete; pentru a face acest lucru, trebuie să adăugați un element de stil în interiorul etichetei în sine. Această etichetă trebuie utilizată în interiorul unui container care stabilește stiluri pentru pagină. Puteți folosi mai multe astfel de etichete, aceasta nu va fi o eroare.

    Un pic similar cu eticheta anterioară, eticheta de legătură vă permite să setați stiluri pentru un document care se află într-un alt fișier. Cu alte cuvinte, puteți atașa o foaie de stil CSS completă, care constă din multe proprietăți, unui document existent. Astfel, reduceți dimensiunea documentului, care în cele din urmă se va încărca și se va deschide mai repede pe un computer sau dispozitiv mobil cu viteze scăzute de internet.

    Puteți conecta mai mult de un fișier, nu există restricții. Nu este nevoie să închideți o astfel de etichetă. Dacă totul este făcut corect, anumite stiluri dintr-un fișier separat vor fi încărcate în documentul dvs. Această etichetă poate fi adăugată la elementele de bază ale html și nu uitați de existența sa. Rezultatul este o imagine ca aceasta:

    < link href = "css/style-lg.css" rel = "stylesheet" >

    < link href = "css/style-md.css" rel = "stylesheet" >

    < link href = "css/style-sm.css" rel = "stylesheet" >

    Folosind eticheta de script, puteți conecta diferite scenarii (scripturi) la un document. Este necesară prezența etichetei de închidere. Scriptul în sine poate fi localizat la începutul documentului, în interiorul sau la sfârșit.

    Spune browserului că orice lucru plasat între aceste etichete ar trebui să apară în fereastra browserului dvs. Iată principalele etichete care pot fi prezente în absolut fiecare document. Eticheta body servește ca corp principal al paginii, care include tot conținutul acesteia. Este recomandabil să deschideți această etichetă și să nu uitați să o închideți la sfârșitul documentului.

    Titlurile paginii h1 h2 h3

    Să mergem mai departe, vedem o etichetă care se deschide și se închide în același mod. Această etichetă denotă titlul principal al textului; în cele mai multe cazuri, sub titlul H1 se află titlul paginii. De fapt, există doar șase rubrici de date. . Sunt folosite și în SEO, dar acesta este un subiect ușor diferit. Cu siguranță voi evidenția un articol pentru asta și le voi oferi o descriere detaliată, abonați-vă la actualizările blogului ca să nu pierdeți nimic.

    Prezența unor astfel de titluri în articol va juca un rol important în promovarea paginii. În plus, utilizarea lor vă oferă o structură clară a paginii, titlul, subtitlurile, evidențierile, subparagrafele și așa mai departe. Folosește-le întotdeauna și pune-le în practică. Pe multe CMS, cum ar fi WordPress, când scrieți text, puteți vedea „titlu 1”, „titlu 2”, „titlu 3” și așa mai departe. Ei sunt cei responsabili pentru h1, h2 și h3.

    Dacă scrieți textul corpului dintr-un paragraf nou, scrieți o etichetă

    La început și închideți-l la sfârșit

    . Marcarea unui paragraf în html este echivalentă cu crearea unui nou paragraf într-un document MS Word. Nu am adăugat nimic nou în document. Dar acest lucru nu este tot ceea ce ar trebui să fie prezent într-un document html. Să ne uităm la un alt exemplu, descrierea va veni puțin mai târziu.

    document HTML

    Acest text va fi aldine, iar acesta este tot cu caractere cursive

    < ! DOCTYPE html >

    < html >

    < head >

    < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / >

    < title >document HTML< / title >

    < / head >

    < body >

    < p >

    < b >

    < / b >

    < / p >

    < / body >

    < / html >

    Elemente de bază Cap și Titlu

    Fiecare document conține un titlu și un element de titlu. Prima, care vine imediat după prima etichetă. Această etichetă conține toate informațiile despre pagină, conține și elementul. Titlu – informații despre titlul paginii, cu alte cuvinte titlul paginii, numele acesteia. În titlu indicați numele corect al paginii prin care utilizatorul vă va căuta printr-un motor de căutare, punct foarte important. Ambele elemente trebuie să fie deschise și, de asemenea, închise. Fiecare element este închis cu semnul „/”. Rezultatul este o imagine ca aceasta.

    Titlu și conținutul paginii

    < / html >

    După cum puteți vedea, nu este nimic complicat. Iată cele mai de bază etichete care ar trebui să fie prezente în fiecare document html. Nu uitați să închideți fiecare dintre ele, altfel browserul nu va putea percepe imaginea completă a codului. Trebuie să știți și să vă amintiți mereu acest lucru. Apoi începeți să inserați text, imagini, videoclipuri și așa mai departe. Dar asta va fi deja în alte articole.

    Editor Notepad++

    Pentru a lucra cu codul, utilizați programul Notepad++. Este gratuit și nu este greu să-l găsești pe Internet. Foarte convenabil pentru înțelegerea oricărui cod; de asemenea, afișează convenabil etichetele de deschidere și de închidere. Suportăm sintaxa a peste 40 de limbaje de programare. Exact ceea ce aveți nevoie pentru a învăța elementele de bază ale html.

    Blocnotesul este superior în toate privințele unui blocnotes obișnuit. Pentru confort, simplitate și învățare maximă, acest editor trebuie să fie instalat inițial pe computer. Cel mai important avantaj și comoditate este că editorul Notepad++ afișează indicii atunci când scrieți cod, ceea ce vă face munca mult mai rapidă și de mai bună calitate.

    element DOCTYPE

    Fiecare document trebuie să conțină, de asemenea, următorul element doctype. De ce este nevoie și ce ar trebui să fie în el. De obicei, oamenii nu sunt foarte pasionați de aceste linii, le copiază în documente și lucrează calm. Aceste elemente spun browserului ce versiune de html este utilizată în document, care este descrierea paginii, ce codificare este utilizată, ce cuvinte cheie sunt incluse, cine este autorul și cum se numește pagina.

    Ele sunt de obicei plasate chiar la început. Există mai multe opțiuni și toate diferă unele de altele, voi scrie un exemplu care este folosit cel mai des. Acest gol poate fi folosit ca șablon gata făcut. În continuare va fi o descriere clară a fiecărei linii, nu ar trebui să existe probleme cu aceasta.

    Pe scurt, într-un limbaj clar despre elementele de bază ale html: Această linie spune browserului că acest document este versiunea XHTML 1.0, se folosește limba engleză și toată această mizerie se află la această adresă. Apoi, în metaeticheta indicăm codificarea care este utilizată. Cel mai des folosit este Windows 1251.

    Descriere - se atinge tema SEO, una dintre cele trei tag-uri principale care trebuie sa fie prezente in absolut fiecare document; aceasta tag indica descrierea paginii. Ce este scris pe această pagină, o scurtă descriere, nu mai mult de două propoziții. Eticheta de cuvinte cheie acoperă și subiectul SEO, această etichetă este necesară. Conține cuvinte cheie pe care utilizatorii de internet le vor folosi pentru a vă găsi prin motoarele de căutare.

    Eticheta de titlu conține numele documentului în sine, titlul acestuia, pe care îl vedem în browser. Probabil cea mai importantă etichetă din întregul document, care are cel mai mare impact asupra promovării paginii. Articolul despre adăugarea și proiectarea descrie această etichetă mai detaliat.

    Ce trebuie să rețineți din această lecție despre elementele de bază ale html:

  • Aproape toate etichetele se deschid și se închid;
  • Documentul începe cu eticheta ;
  • Prezența etichetei;
  • Prezența etichetei;
  • Structura clară a documentului html.
  • Toate paginile principale ar trebui să fie întotdeauna numite index. Așa este acceptat și toată lumea este obișnuită, indiferent de extensia de fișier, poate fi html sau php. Întotdeauna se numește așa.

    Urmăriți un videoclip despre elementele de bază ale HTML de la Webformyself.

    Limbajul de marcare hipertext, elemente de bază și structură. Voi încerca să descriu toate acestea și multe altele pe blogul meu. În primul rând, vor fi scrise informații utile pentru începători, va fi oferit un exemplu de cod și va fi oferită posibilitatea de a descărca exemplul în sine împreună cu pagina finală.

    Aceasta este o modalitate de a crea grafice fără a utiliza un compilator. Acesta este un fișier text obișnuit și trebuie să fie în format DOS.
    Fonturi: Windows, ANSI. Ele sunt înțelese și procesate de orice browser (Internet Explorer, Netscape).
    Orice browser este un interpret care execută un fișier secvenţial și îl execută.

    HTML evoluează rapid și nu toate browserele tratează aceste fișiere în același mod. Acum toată lumea se concentrează pe Internet Explorer 7.0 în Microsoft Wista.

    Limbajul conține o listă de etichete, o etichetă este o comandă pentru interpret, dar este scrisă pe baza regulilor generale de scriere a etichetelor.
    NU EXISTĂ ȘI AICI NU EXISTĂ STANDARD!
    Toate site-urile web constau din mai multe fișiere HTML și mai multe fișiere grafice

    Defecte:
    1. Fișierul va fi foarte mare;
    2. Interpretul o va procesa mult mai lent.

    Prin tradiție, fișierul de conectare la site se numește index.
    - începutul etichetei
    - sfârşitul etichetei
    - titlu
    - corp.

    Structura fișierului HTML:



    HEAD conține diverse informații de sprijin comune întregului CORP. Nu este necesar să o scrieți, dar de obicei se scrie următoarele:
    ... - conținut antet.
    În plus, HEAD indică versiunea html pentru care a fost scris BODY și indică cum să pictezi pe fundal.
    Conținutul BODY este pur și simplu o secvență de linii în care sunt inserate diverse etichete de control, în primul rând acestea sunt informațiile care trebuie afișate pe pagină. Etichetele controlează afișarea acestor informații.
    Particularități ale percepției textului BODY în browser:

    • Browserul nu vede capetele de linii sau tranzițiile de linii.
    • Dacă există mai multe spații între cuvinte, browserul le înlocuiește cu 1. Browserul afișează tot acest text BODY ca o singură linie. Dar lungimea liniei este determinată de lățimea curentă a ferestrei Windows. Dacă textul nu se încadrează pe o linie, browserul trece automat pe o altă linie. Cuvintele nu sunt rupte, iar transferul se realizează cuvânt cu cuvânt.

    Etichete:

    Etichetele controlează modul în care sunt prezentate informațiile; toate sunt grafice.
    Exemple de etichete:
    ……
    …… este o instrucțiune de a întrerupe conexiunea la o nouă linie;
    …… …… - paragraf (între paragrafe se introduc rânduri);
    …… … …… - paragraf (nu se introduc rânduri între paragrafe);

    Gestionarea grăsimilor.
    Text - îndrăzneală crescută
    - text italic
    - text subliniat
    - text tăiat
    - superscript
    - indice
    - textul din interior clipește (creat pentru Netscape, Explorer nu o face).
    - lățimea literelor este aceeași
    - creste cu 1
    - scade cu 1

    Control antet

    Există 6 tipuri de anteturi:

    …. //Textul este de 4 ori mai mare
    ….
    ….
    …. //de 2-3 ori mai puțin decât de obicei

    Schimbarea stilului

    Text
    Textul programului
    - Adresa internet

    Nu toate caracterele text pot fi redate de browser, care sunt create într-un editor de text:

     ….. – introduceți un spațiu;
    <….. –< ;
    >….. – > ;
    &….. – & ;
    —… – - ;
    &guot….. – ” ;
    «… – > ;
    Ω>… – W ;
    β>... – b;
    >… – a ;
    ∑>… – S ;

    NU EXISTĂ UN STANDARD COMUN!!!

    Controlează plasarea textului în raport cu granițele paginii:

    Text


    "centru"
    "dreapta"
    "justifica"

    - la fel ca în web, afișează text pe ecran;

    pentru a insera un desen în text, trebuie să scrieți următoarea etichetă în secțiunea textului în care doriți să introduceți desenul sau animația:

    *.gif, *.jpg, *.png – puteți utiliza oricare dintre aceste extensii.

    Cel mai simplu mod de a insera o imagine este să o plasați în același director în care se află pagina HTML.

    Gestionarea locației:

    Lățimea = „N” – în pixeli
    „K” - în procente
    Înălțime = „N”
    "K"

    Compensat cu o anumită sumă

    Hspace = "N"
    "K"
    Vspațiu = „N”
    "K"

    Ieșire animație:

    Pentru a indica numărul de redări, trebuie să inserați bucla = „N” după numele fișierului, unde N este un număr.

    Exemplu.
    Trebuie să afișați imaginea în centrul ecranului și să o semnați.



    Ale mele.....



    1…
    2
    3 ...



    Hiperlinkuri

    Aceasta este execuția instrucțiunii go to;

    Particularitatea paginii web este că se completează în dialog; când mutați săgeata, este înlocuită cu o imagine și făcând clic pe butonul stâng al mouse-ului se ajunge la o altă pagină web. Acesta este cel mai important instrument atunci când lucrați cu web. Într-un program clasic, trebuie să monitorizați constant poziția cursorului și să procesați mesajele Windows.
    Paginile web nu fac nicio prelucrare.

    Opțiuni de înregistrare a adresei:

    text – textul în html la care se va muta cursorul atunci când dai clic pe imagine;
    ___.gif – o imagine asociată textului;
    ___.html – mișcare pe site;
    Myweb.com.ua – la adresa de Internet.

    Animație pe pagini web.

    Elementul principal al animației este utilizarea animației gif. De asemenea, puteți scoate fișiere avi.
    Dezavantajul este că utilizatorul trebuie să salveze aceste fișiere, ceea ce este costisitor.

    Animație folosind html

    Nu există operatori grafici sau funcții grafice în html.


    ____
    ____

    Opțiuni de control al mișcării

    1. Direcție = dreapta, stânga, sus, jos.

    Dacă aveți nevoie ca mișcarea să fie într-un anumit unghi, atunci doi parametri sunt de ajuns.

    2. Buclă = INFINIT; (la nesfârșit)
    Bucla = 0;
    Bucla = N; (animația se repetă de N ori)

    3.Comportament = scroll; imaginea se deplasează de la stânga la dreapta și invers
    Comportament = alunecare; mișcare până la capătul liniei
    Comportament = alternativ; deplasarea de la un capăt la celălalt al liniei.

    Dimensiunea copertei animației

    Latime = Dx
    Înălțime = Dy
    Aliniere = mijloc; (sus) deplasați-vă în centru, în partea de sus a ecranului
    bgcolor = culoare; culoare de fundal, zone de mișcare
    scrollmount = K; viteza de calatorie
    scrolldelay = M; cantitatea de întârziere dintre mișcări.

    Informații în mișcare

    1.text + imagine
    2.text

    • ticker
    • imaginea liniilor
    Desenarea liniilor

    ______
    În mod implicit, va apărea o linie pe întregul ecran, grosimea liniei este de 1 pixel.
    Controlul este posibil, există 2 parametri:
    Lățimea = N – lățimea liniei
    Dimensiune = H – grosimea liniei
    Culoare = - culoare

    Ieșire de sunet

    Mai întâi trebuie să aveți un fișier de sunet.
    Sunete de fundal – pagina se deschide și sunetul este redat imediat.

    Wav
    Opțiuni:
    Loop = N – numărul de redări de muzică
    Balanță = „___” - ±10000 de ajustare suplimentară, determină decalajul de-a lungul rolei față de începutul și sfârșitul fișierului.
    Volumul = „___” – volum
    „0” – volum maxim.
    „10000” – sunetul este oprit.
    Este posibil să afișați un player multimedia.

    HTML (din limba engleză HyperText Markup Language - limbaj de marcare hypertext) este un limbaj de marcare standard pentru documentele de pe Internet. Este, de fapt, principalul și singurul limbaj de construire a paginilor web care poate găzdui scripturi și elemente din alte limbaje: Java, php, CSS etc.

    Deși partea teoretică a învățării acestui limbaj poate fi învățată în doar 2-3 luni, abilitățile practice sunt de obicei dezvoltate pe parcursul vieții, deoarece acesta este unul dintre cele mai dinamice limbaje de programare care se dezvoltă, se completează și se modernizează constant, forțând astfel programatorul web pentru a-și îmbunătăți abilitățile.

    Orice utilizator poate afla în timp real în ce limbă este scrisă o pagină de pe Internet: faceți clic dreapta pe un spațiu gol și selectați „Vizualizare codul paginii” - limbile paginii vor fi în etichetă

    Pentru a înțelege HTML 5, trebuie să înțelegeți ce este XHTML...

    XHTML este un limbaj de marcare a paginilor web similar cu HTML, cel mai adesea folosit pentru a construi aplicații web complexe, dar cu o sintaxă mult mai complexă și sensibilitate la erori. Când oamenii vorbesc despre importanța structurii documentului, ei menționează întotdeauna XHTML, nu HTML.

    Învățarea XHTML nu va dura mult mai mult timp decât învățarea HTML, dar eficiența sa pe fondul apariției unui nou limbaj - HTML 5 - este în scădere considerabil.

    Când băieții deștepți care au studiat limbaje de programare web toată viața și-au dat seama că trecerea constantă între HTML ușor de văzut și XHTML complex, dar corect, era pur și simplu plictisitor - au decis să creeze ceva universal, ceva care să conțină markup sintactic pentru ambele alte limbi, fără a pierde calitatea. Așa a fost creat HTML 5, care este oficial în curs de dezvoltare, dar, de fapt, este un standard de lucru (în engleză: HTML Living Standard).

    Înainte de a începe să studiezi ceva și să-ți petreci timpul, trebuie să te decizi asupra obiectivelor tale. Dacă scopul este să așezați câteva pagini sau să faceți un site web pentru cărți de vizită, atunci este puțin probabil să aveți nevoie chiar să cumpărați manuale: una sau două luni de muncă grea folosind resursele de pe Internet pentru a învăța HTML și CSS (Cascading Style Sheets - o limba pentru descrierea aspectului unui document) este suficientă, iar site-ul va fi gata.

    Dacă o persoană dorește să facă programare web și să învețe complexitățile aspectului manual, atunci va petrece de aproximativ 10-15 ori mai mult timp. Pentru a înțelege sintaxa tuturor limbilor precum SGML, va trebui mai întâi să studiați XML (un limbaj pentru structurarea documentelor web cu sintaxă complexă), apoi să începeți să studiați HTML 5 și pe parcurs (deoarece aceste două limbi sunt inseparabil) începe să studiezi CSS, iar la sfârșit „completează” tot ce este Java bun.

    Mulți oameni presupun în mod eronat că pentru a dezvolta cu succes resursele web trebuie să cunoașteți 1-2 limbi. Este gresit. Cunoașterea unui număr atât de mic de limbi face un programator web „stângaci” - incapabil să gândească creativ.

    Pentru a reuși în programarea web este nevoie de voință. Ei bine, nu va strica să urmezi sfatul.

    Merită să începeți să studiați limbaje de programare cu teoria acestor limbaje - în primul rând, viitorul „designer de layout” trebuie să înțeleagă conceptul acestor limbaje, funcțiile lor, să învețe diferența dintre HTML și XML etc.

    În procesul de învățare, este necesară utilizarea resurselor media: astăzi există multe site-uri educaționale pe care informațiile sunt prezentate într-o formă digerabilă și, prin urmare, învățarea unei limbi va aduce nu numai beneficii, ci și plăcere.

    Practică. După ce ați studiat „baza teoretică”, trebuie să începeți imediat să exersați - un notepad sau un editor precum Notepad++ ar trebui să fie deschis pe computer 24 de ore pe zi.

    Un limbaj de programare - la fel ca engleza sau franceza - nu se va dezvolta decât dacă îl exersați.

    • Serghei Savenkov

      un fel de recenzie „scurtă”... de parcă s-ar grăbi undeva