Creați pagini web folosind tutorialul HTML. Crearea primului limbaj html al paginii web crearea paginilor web

Dezvoltarea sferei IT, și anume creșterea cererii de servicii pentru crearea și promovarea motorului de căutare a site-urilor web, a dus la apariția multor așa-numiți webmasteri care sunt gata să efectueze toate lucrările de pe site și continuarea acestuia a sustine. Inutil să spun că majoritatea acestor proiecte au fost create cu ajutorul constructorilor liberi, „maeștrii” înșiși au doar o înțelegere teoretică a componentei tehnice a unei resurse web de înaltă calitate. Proiectarea site-ului web, completarea, grija de utilizare - toate acestea sunt cu siguranță importante. Dar un site defect tehnic cu erori în cod este pur și simplu sortit eșecului.

Pe scurt despre limbaje de programare comune

PHP... Se bazează pe limbajul de marcare HTML. PHP este un limbaj de script general, open source. Sintaxa este destul de ușor de învățat și are multe asemănări cu C, Java și Perl. Principalul avantaj al PHP este că permite dezvoltatorilor să creeze rapid pagini web generate dinamic. Cu cunoștințe profesionale de limbă, poate fi folosit și pentru alte sarcini.

Piton.În limba rusă este comun ca „python”. Un limbaj de programare de nivel general de nivel înalt axat pe îmbunătățirea productivității dezvoltatorilor și a lizibilității codului. Sintaxa de bază Python este minimalistă. În același timp, biblioteca standard include o mulțime de funcții utile.

Rubin... În limba rusă este comun ca „rubi”. Un limbaj de programare dinamic, reflectorizant, interpretat la nivel înalt pentru o programare rapidă și ușoară orientată obiect. Limba are o implementare multi-thread independentă de sistemul de operare, o tastare dinamică puternică, un colector de gunoi și multe alte caracteristici. În ceea ce privește sintaxa, este apropiată de limbile Perl și Eiffel, și în abordarea sa orientată pe obiecte - de Smalltalk. De asemenea, unele caracteristici ale limbajului sunt preluate din Python.

ASP... Dezvoltatorul acestui limbaj este Microsoft. Tehnologia permite dezvoltarea de aplicații pentru WWW. ASP este ușor și rapid. Platforme ASP: Windows NT și IIS (Internet Information Server). Nu este complet corect să numiți ASP o limbă; mai degrabă, este tocmai tehnologia pentru conectarea unui program la paginile web. Un limbaj simplu de script și capacitatea de a utiliza componente COM externe sunt întregul secret al succesului ASP.

JavaScript... JavaScript funcționează oarecum diferit de alte limbaje de programare. Principala diferență este că se conectează direct la fișierul HTML. Un script scris în JavaScript este procesat de interpretul încorporat al browserului.

Domeniile de utilizare a limbii sunt destul de extinse:

• Creați pagini web care se pot modifica după încărcarea documentului
• Rezolvarea problemelor locale
• Verificarea alfabetizării completării formularelor de către utilizator înainte de a le trimite la server

Varietatea caracteristicilor javascript determină popularitatea limbii. Cu el puteți:

• Efectuați modificări ale paginii: lucrați cu etichete, schimbați stilurile, scrieți text
• Reacționați la evenimente (de exemplu, faceți clic pe mouse) și efectuați o funcție specifică
• Afișați mesajele, verificați corectitudinea datelor, setați și citiți cookie-urile
• Încărcați date fără a reîncărca pagina etc.

Perl... Inițial, acest limbaj a fost un instrument pentru combinarea programelor care îndeplinesc diverse funcții într-un singur script care vă permite să rezolvați un set de sarcini: procesare de text, administrare etc. Perl este instrumentul principal pentru construirea de aplicații CGI astăzi. Este utilizat pentru administrarea serverelor web și a altor sisteme. Simplitatea și eficiența scrierii scripturilor în acest limbaj au dus la adaptarea acestuia la platforme precum Windows, Mac etc. Perl este open source și disponibil, codul sursă al interpretului poate fi obținut gratuit.

Este util un bagaj mare de cunoștințe?

Bazele programării sunt predate în lecțiile științifice de informatică. Aproape toată lumea a dat peste Delphi și Pascal. Limbile mai complexe necesită o abordare mult mai serioasă a învățării. O anumită mentalitate este matematică și logică și, desigur, dorința de a deveni un specialist în domeniul lor va ajuta un programator începător să aibă succes. Nu ar trebui să încercați să stăpâniți toate limbile simultan. Este mai bine să cunoști unul perfect decât să ai o cunoștință fragmentară de cinci. Fiecare limbaj de programare are principii generale, toate sunt construite pe logica acțiunilor, prin urmare, cu experiența, va deveni mai rapid și mai ușor să stăpânești noile tehnologii. Mulți pot schimba și copia coduri gata făcute, dar nu toți programatorii pot deveni un adevărat „artist” și nu imitatori.

Introducere

1. Informații de bază

1.1 Despre html

1.2 Dezvoltarea site-ului web

1.3 Noțiuni de bază

1.4 Structura documentului

1.5 Etichetele corpului documentului

1.6 Lista etichetelor HTML de bază

2. Informații suplimentare

2.1 Etichete de listă

2.3 Grafică într-un document

2.4 Adăugarea de stiluri la document

2.5 Etichete html speciale

2.6 Formulare HTML

2.7 cadre HTML

2,8 tabele HTML

2.9 Optimizarea graficelor pentru web

2.10 Noțiuni de bază CSS

3. Descrierea creării site-ului

3.1 Pregătirea

3.2 Crearea unei pagini de pornire

3.3 Crearea unei a doua pagini

3.4 Crearea unei pagini cu descrierea orașului

3.5 Pagina foto

3.6 Pagina programului

3.7 Pagina de mulțumire

Concluzie

Lista literaturii folosite

Introducere

Această teză este despre limbajul HTML. Cu ajutorul acestui limbaj, sunt create fișiere cu extensiile * .htm și * .html, care sunt pagini web. Site-urile internetului constau din ele.

La teză este atașat un site web, ca exemplu al ceea ce poate fi creat folosind HTML.

Toate lucrările sunt împărțite în 3 secțiuni. Prima secțiune este complet dedicată descrierii etichetelor HTML de bază. Conține toate informațiile de care aveți nevoie pentru a ști cum să creați pagini web simple. Cea de-a doua secțiune oferă informații despre cum să îmbunătățiți aspectul documentului dvs. și să creați capabilități suplimentare în acesta. Iar a treia secțiune conține o descriere a modului în care a fost creat site-ul, atașat la această teză. Descrie în detaliu o lună și jumătate de muncă grea la crearea unui site web, povestește despre diferite erori în timpul creării și corectarea lor, despre dificultățile întâmpinate și metodele de eliminare a acestora.

După ce a citit această lucrare, oricine, chiar complet necunoscut cu programarea, va putea înțelege elementele de bază ale programării în HTML. Și cei cunoscuți, probabil, vor găsi ceva nou pentru ei înșiși.

1.1 Despre limbă HTML

Hyper Text Markup Language (HTML) este un limbaj standard pentru crearea de documente hipertext în mediul WEB. Documentele HTML pot fi vizualizate de diferite tipuri de browsere WEB. Când un document este creat folosind HTML, un browser WEB poate interpreta HTML pentru a evidenția diferitele elemente ale documentului și pentru a le prelucra mai întâi. Utilizarea HTML vă permite să formatați documente pentru prezentare utilizând fonturi, linii și alte elemente grafice pe orice sistem care le vizualizează.

Majoritatea documentelor au elemente standard precum titluri, paragrafe sau liste. Folosind etichete HTML, puteți desemna aceste elemente, oferind browserelor Web informații minime pentru a afișa aceste elemente, păstrând în același timp structura generală și completitudinea informațiilor documentelor. Tot ce este necesar pentru a citi un document HTML este un browser WEB care interpretează etichetele HTML și afișează documentul pe ecran așa cum îi dă autorul.

În majoritatea cazurilor, autorul documentului definește strict aspectul documentului. În cazul codului HTML, cititorul, pe baza capacităților browserului web, poate, într-o anumită măsură, să controleze aspectul documentului (dar nu și conținutul acestuia). HTML vă permite să marcați unde ar trebui să se afle un antet sau un paragraf într-un document folosind o etichetă HTML, apoi îi spune browserului WEB să interpreteze aceste etichete. De exemplu, un browser WEB poate recunoaște eticheta de la începutul unui paragraf și poate prezenta documentul în forma dorită, în timp ce altul nu are această capacitate și prezintă documentul într-o singură linie. Utilizatorii unor browsere WEB au, de asemenea, posibilitatea de a personaliza dimensiunea și tipul fontului, culorii și alți parametri care afectează afișarea documentului.

Etichetele HTML pot fi aproximativ împărțite în două categorii:

1. Etichete care definesc modul în care corpul documentului în ansamblu va fi afișat de browserul WEB.

2. Etichete care descriu proprietățile generale ale documentului, cum ar fi titlul sau autorul documentului.

Amintiți-vă că principalul avantaj al HTML este că documentul dvs. poate fi vizualizat pe diferite tipuri de browsere WEB și pe diferite platforme.

1.2 Făptură Site-ul web

Documentele HTML pot fi create folosind orice editor de text sau editorii și convertoarele HTML specializate. Alegerea editorului care va fi utilizat pentru a crea documente HTML depinde numai de comoditatea și preferințele personale ale fiecărui autor.

De exemplu, editorii HTML precum Netscape Navigator Gold de la Netscape vă permit să creați documente grafic folosind tehnologia Ce vedeți este ceea ce obțineți (WYSIWYG). Pe de altă parte, majoritatea instrumentelor tradiționale de creare a documentelor au convertoare pentru a converti documente în HTML.

Toate etichetele HTML încep cu „<" (левой угловой скобки) и заканчиваются символом ">"(paranteză unghi drept). De obicei, există o etichetă de început și o etichetă de final. De exemplu, aici sunt etichetele de antet care definesc textul în etichetele de început și de final și descriu titlul documentului:

Eticheta de final arată la fel ca eticheta de început și diferă de aceasta printr-o bară înainte înainte de text între paranteze unghiulare. În acest exemplu, eticheta - despre completarea textului titlului.

Unele etichete precum

(eticheta care definește un paragraf) nu necesită o etichetă finală, dar folosirea acestuia oferă textului original al documentului lizibilitate și structură îmbunătățite.

HTML nu este sensibil la majuscule și minuscule, iar exemplul anterior ar putea arăta astfel:

Atenţie! Spațiile suplimentare, filele și returnările de căruțe adăugate textului sursă HTML pentru o mai bună lizibilitate vor fi ignorate de browserul WEB la interpretarea documentului. Documentul HTML poate include elementele de mai sus numai dacă sunt plasate în etichete

ȘI

... Aflați mai multe despre etichete

Va fi scris mai jos.
 
Când un browser web primește un document, acesta determină modul în care documentul trebuie interpretat. Prima etichetă care apare în document trebuie să fie o etichetă ... Această etichetă spune browserului WEB că documentul dvs. este scris folosind HTML. Un document HTML minim ar arăta astfel:
 
Corpul documentului ...
 
Antetul documentului ... Eticheta de titlu trebuie utilizată imediat după etichetă  și nicăieri altundeva în corpul documentului. Această etichetă este o descriere generală a documentului. Evitați plasarea oricărui text în interiorul etichetei ... Etichetă de pornire  plasat imediat înaintea etichetei 
 
Atenţie! Din punct de vedere tehnic, începeți și terminați etichete precum ,  și  opțional. Dar este foarte recomandat să le utilizați, deoarece utilizarea acestor etichete permite browserului WEB să separe cu încredere partea de titlu a documentului și partea semantică în sine.
 
Titlul documentului , plasat în interior -etichete așa cum se arată în exemplul de mai sus. Titlul documentului nu apare atunci când documentul în sine este afișat în fereastră.
Bună prieteni! Cei dintre voi care mi-ați citit blogul de multe ori știți ce am spus de multe ori: nu este nevoie să aveți abilități speciale de programare pentru a naviga pe Internet.
Da, așa este și nu îmi refuz cuvintele, ci doar pentru că există servicii speciale și. Dacă nu le utilizați, atunci pentru a crea o resursă web și a o completa, trebuie să cunoașteți limbaje de programare.
Doriți să știți ce limbi sunt necesare pentru a crea un site web? Apoi citiți mai departe!
Câteva prevederi de bază
Pentru a începe dezvoltarea unui site web, trebuie să utilizați mai multe limbi simultan. În același timp, nu se poate spune că unul dintre ei este mai bun sau mai rău decât restul. Avantajul asupra altora se poate manifesta numai atunci când se rezolvă o anumită problemă.
Alegerea uneia sau a celeilalte depinde complet de nivelul abilităților programatorului, deoarece rareori este posibil să găsești un specialist care să cunoască toate limbile simultan.
În primul rând, vreau să spun că un limbaj de programare este o sintaxă de bază care vă permite să creați o resursă web.
Baza absolut oricărui site este. Această sintaxă este responsabilă pentru marcarea hipertextului. Toți dezvoltatorii web ar trebui să știe acest lucru, precum și tabelul de înmulțire.
Chiar dacă sunt utilizate soluții gata făcute, cunoștințele de bază sunt pur și simplu necesare. Întregul proces de creare a unei resurse de internet și conținutul acesteia se realizează folosind cod html. Dar folosindu-l doar pe acesta, puteți crea doar un site de internet simplu, fără feedback-ul utilizatorului, care oferă informații doar cu titlu informativ. Acest lucru nu este suficient pentru o resursă dinamică bună!
Principalele limbaje de programare

În primul rând, merită subliniat JavaScript, deoarece este baza tuturor programărilor, pe care trebuie să le cunoașteți atunci când creați o resursă web. Platformele software de bază sunt Silver Light și Adobe Flash. Mai mult, acesta din urmă este destul de obișnuit și a fost folosit de dezvoltatorii web de o perioadă relativ lungă de timp.
Aceste limbi sunt utilizate pentru a crea site-uri interactive. Se estimează că Silver Light va înlocui complet Adobe Flash în curând. În cazuri rare, aceste două produse software sunt suficiente pentru a crea un site web, dar utilizarea lor numai este extrem de nedorită.
Alegerea sintaxei corespunzătoare depinde și de sistemul de operare pe care dezvoltatorul îl folosește. Pentru a crea o resursă web pe Windows, este adesea utilizată o tehnologie dezvoltată de Microsoft - ASP.NET. Vă permite să creați absolut orice resursă web, atât cea mai simplă, cât și cea capabilă să proceseze un număr considerabil de solicitări. Pentru a utiliza ASP.NET, nu ar trebui să aveți cunoștințe la nivel de utilizator, ci cunoștințe puțin mai profunde.
Cea mai populară sintaxă la cerere în rândul programatorilor este PHP. Are o mulțime de avantaje, printre care se numără performanța de mare viteză și sintaxa simplă. Astăzi cea mai mare parte a motoarelor este scrisă în PHP.


Când încep să înțeleagă programarea web, mulți aleg Java, este cel mai ușor de înțeles și mai ușor de învățat. Pagini Java Server sunt folosite pentru a crea conținut.
Recent, Ruby a devenit foarte obișnuit. Mai mult, în fiecare zi popularitatea sa crește doar. Eu însumi nu l-am folosit încă, dar în timp ce studiam subiectul, am găsit multe comentarii entuziaste despre el. Dezvoltatorii cu experiență evidențiază Ruby ca fiind cea mai potrivită sintaxă pentru crearea rapidă a site-urilor web, permițând totuși funcționalitatea necesară a resursei.
Rezultat
Există mai mulți parametri pentru a alege sintaxa adecvată și anume:
Tipul de sistem de operare utilizat;
Complexitatea și dinamismul site-ului creat;
Arsenal disponibil de cunoștințe proprii.
Ți-am spus de ce limbaje de programare ai putea avea nevoie atunci când creezi o resursă web și să le folosești pe toate simultan sau să dai preferință oricărei persoane, este afacerea ta.
Sper că acest material ți-a fost util și vei fi bucuros să împărtășești acest articol prietenilor tăi pe rețelele de socializare. Nu uitați să vă abonați la actualizări de blog. Pe curând!
Cu stimă! Abdullin Ruslan
În fiecare zi, sfera IT devine din ce în ce mai largă, iar cererea pentru dezvoltarea site-urilor web este în creștere. Acest lucru duce la o creștere a numărului de specialiști care sunt gata să preia dezvoltarea site-ului și sprijinul acestuia. Cu toate acestea, mulți astfel de webmasteri folosesc gratuit constructori de site-uri web și au o înțelegere foarte vagă a programării și a conținutului tehnic al site-ului. Desigur, gradul de utilizare, designul și conținutul sunt foarte importante, dar un site tehnic slab cu erori în cod nu va aduce niciun beneficiu proprietarului său. Prin urmare, numai acei specialiști care cunosc limbaje de programare și sunt gata să dezvolte un site de la zero ar trebui să întreprindă crearea de site-uri.
Ce limbi trebuie să știți pentru a crea site-uri web?
Dezvoltatorii cu experiență spun că alegerea unui limbaj de programare depinde de mulți factori. Cu toate acestea, trebuie înțeles că soluția ideală pur și simplu nu există, fiecare opțiune are propriile avantaje și dezavantaje. Trebuie să alegeți limba care este cea mai potrivită pentru rezolvarea sarcinilor la îndemână. Întrebări de luat în considerare înainte de a alege o limbă:
platforma server;
 
software de server;
 
experiență în crearea de site-uri;
 
baza de date selectată.
Cele mai populare limbi
 Site-uri web
 
 Popularitate 
 (vizitatori unici pe lună)
 
 În față 
 (Client)
 
 Back-end 
 (Server)
 
 Bază de date
 Google.com
 

 1,600,000,000

 

 
 C, C ++, Go, Java, Python
 
 BigTable, MariaDB
 Facebook.com
 

 1,100,000,000

 

 
 Hack, PHP (HHVM), Python, C ++, Java, Erlang, D, Xhp, Haskell
 
 MariaDB, MySQL, HBase Cassandra
 YouTube.com
 

 1,100,000,000

 

 
 C, C ++, Python, Java, Go
 
 Vitess, BigTable, MariaDB
 Yahoo
 

 750,000,000

 

 
 PHP
 
 MySQL, PostgreSQL, VB.NET
 Amazon.com
 

 500,000,000

 

 
 Java, C ++, Perl
 
 Baza de date Oracle
 Wikipedia.org
 

 475,000,000

 

 
 PHP, Hack
 
 MySQL, MariaDB
 Twitter.com
 

 290,000,000

 

 
 C ++, Java, Scala, Ruby
 
 MySQL
 Bing
 

 285,000,000

 

 
 ASP.NET
 
 Microsoft SQL Server
 eBay.com
 

 285,000,000

 

 
 Java, JavaScript, Scala
 
 Baza de date Oracle
 MSN.com
 

 280,000,000

 

 
 ASP.NET
 
 Microsoft SQL Server
 Microsoft
 

 270,000,000

 

 
 ASP.NET
 
 Microsoft SQL Server
 Linkedin.com
 

 260,000,000

 

 
 Java, JavaScript, Scala
 
 Voldemort
 Pinterest
 

 250,000,000

 

 
 Django, Erlang
 
 MySQL, Redis
 WordPress.com
 

 240,000,000

 

 
 PHP, JavaScript (Node.js)
 
 MariaDB, MySQL
PHP. Se bazează pe cel mai simplu limbaj de marcare, HTML. PHP conectează utilizatorul la partea serverului. În acest limbaj sunt implementate funcții precum formulare de feedback, câmpuri de înregistrare etc. Sintaxa acestui limbaj este foarte ușor și simplu de învățat. Pentru a crea un portal comercial nu puteți face fără PHP, deoarece pe acesta este cel mai ușor să obțineți informațiile de contact ale utilizatorului. Avantajul de bază al limbajului este că, folosindu-l, programatorii pot compune pagini dinamice foarte repede și fără efort.

Piton. În limba rusă se numește adesea „python”. Este un limbaj de nivel înalt utilizat pentru sarcini generale, cel mai adesea pentru executarea sarcinilor de către server. Obiectivul său de referință este de a îmbunătăți productivitatea programatorului și lizibilitatea codului. Limbajul poate sprijini multe paradigme de programare. Python funcționează excelent pe serverele Windows și Linux.
Rubin. În limba rusă se numește adesea „Rubi”. Este un limbaj dinamic, reflexiv și de nivel înalt pentru OOP (programare orientată pe obiecte). Face posibilă implementarea multithreading-ului pe orice sistem de operare, are o puternică tastare dinamică și are o serie de alte opțiuni. În ceea ce privește caracteristicile sintaxei, Ruby este cel mai apropiat de omologii săi Eiffel și Perl. În plus, unele detalii sunt împrumutate de la Python.
ASP. Acest limbaj a fost dezvoltat de Microsoft Corporation. Folosind această tehnologie este posibilă dezvoltarea de aplicații pentru www.asp. Platformele pentru limbă sunt următoarele: Internet Information Server (IIS) și Windows NT. ASP poate fi numit cu greu un limbaj direct, este mai degrabă o tehnologie pentru conectarea unui program la o pagină web. Toate avantajele ASP sunt într-un limbaj de scriptare simplu și capacitatea de a utiliza elemente COM ale unor terțe părți.

JavaScript. Principiul „javascript” este ușor diferit de alte limbaje de programare. Principala sa diferență este conexiunea directă la fișierul HTML. Scriptul bazat pe JavaScript este procesat de interpretul încorporat în browser. Această limbă este utilizată pentru o gamă largă de sarcini: crearea de pagini dinamice (conținutul de pe ele se poate modifica la încărcarea documentului);
Rezolvarea problemelor locale; verificarea corectitudinii completării formularelor înainte de trimiterea lor către server.
Marile posibilități ale limbajului se explică prin popularitatea sa. Deci, folosind JavaScript puteți:
modificați conținutul paginii: adăugați sau eliminați text, modificați stilurile și etichetele;
 
răspunde la unele evenimente (de exemplu, un clic de mouse) și îndeplinește o funcție dată;
 
afișați mesaje, setați și citiți cookie-uri, verificați corectitudinea datelor introduse;
 
încărcați date noi fără a reîncărca documentul etc.
Perl. La început, acest limbaj a fost folosit pentru a combina programe care executau sarcini diferite într-un singur script pentru rezolvarea unei game întregi de sarcini: procesare de text, administrare etc. În prezent, Pearl este utilizat în principal pentru dezvoltarea aplicațiilor CGI. Ajută la administrarea serverelor și a altor sisteme. Datorită simplității și vitezei de scriptare în Perl, a fost adaptat tuturor platformelor populare, inclusiv Mac și Windows. Perl este open source, complet gratuit.
Ai nevoie de multe cunoștințe?
Toată lumea dobândește la școală cunoștințe de bază despre programare în lecțiile de informatică. Practic toată lumea a trebuit să lucreze la nivel de intrare cu Pascal și Delphi. Dar alte limbaje de programare mai complexe necesită o abordare diferită, mai complexă și mai serioasă. Primul lucru pentru un programator de succes este o mentalitate matematică, logică și dorința de a se îmbunătăți în afacerea lor. Cu toate acestea, nu ar trebui să încercați să învățați toate limbile simultan. Este mai bine să stăpânești unul bine decât să ai cunoștințe fragmentare de cinci limbi. Toate limbile au principii similare, toate sunt construite pe logica acțiunilor, așa că, în timp, cu fiecare limbă nouă, devine mai ușor să o înveți. Mulți pot copia sau modifica codul altcuiva, dar nu toată lumea este capabilă să scrie propriul cod și să devină un adevărat „artist”.
O pagină web poate conține text, grafică și hyperlink-uri către diverse resurse de Internet. Pentru a realiza toate aceste posibilități, a fost dezvoltat un limbaj special, numit Hyper Text Markup Language (HTML), adică Hypertext Markup Language. Un document scris în HTML este un fișier text care conține textul real care transportă informații către cititor și steaguri de marcare. Acestea din urmă sunt secvențe specifice de caractere care sunt instrucțiuni pentru privitor; în conformitate cu aceste instrucțiuni, programul aranjează textul pe ecran, include imagini, care sunt salvate în fișiere grafice separate și formează hyperlinkuri cu alte documente sau resurse de internet. Astfel, un fișier HTML devine un document WWW numai atunci când este interpretat de un vizualizator.
Deoarece documentele HTML sunt scrise în format ASCII, orice editor de text poate fi folosit pentru a-l crea.
De obicei, un document HTML este un fișier cu extensia .html sau. htm, în care textul este marcat cu etichete HTML. HTML este utilizat pentru a defini sintaxa și plasarea etichetelor în funcție de care browserul afișează conținutul documentului Web. Textul etichetelor în sine nu este afișat de browserul web.
Toate etichetele încep cu „<" и заканчиваются символом ">De obicei, există o pereche de etichete - o etichetă de început (deschidere) și una de sfârșit (închidere), între care sunt plasate informațiile de marcare:
HTML este limbajul standard de marcare pentru documentele hipertext

Aici eticheta de start este eticheta 
Și finalul -
... Eticheta de final diferă de eticheta de început doar prin faptul că are înainte de text între paranteze<> există un „/” (slash).

Un browser care citește un document HTML îl afișează într-o fereastră utilizând structura etichetei HTML. Fiecare document HTML ar trebui să aibă trei părți principale:
Declarație HTML
Titlu
Corpul documentului
Să luăm în considerare fiecare dintre puncte separat:
Declarație HTML
 și... O pereche din aceste etichete spune vizualizatorului (browserului) că un document HTML este închis între ele, prima etichetă din document fiind eticheta  (chiar la începutul documentului) și ultimul - (chiar la sfârșitul documentului).




Titlu
 și... Între aceste etichete se află informații despre document (titlu, cuvinte cheie de căutare, descriere etc.). Cu toate acestea, cel mai important este numele documentului, pe care îl vedem în linia de sus a ferestrei browserului și în listele de Favorite. Pentru a da un nume documentului dvs. HTML, textul este plasat între etichete .

 
 
 
 

Corpul documentului
A treia parte principală a documentului este corpul său. Urmează imediat după titlu și se află între etichete  și... Primul ar trebui să fie imediat după etichetăiar al doilea este înainte de etichetă... Corpul unui document HTML este locul în care autorul plasează informații în format HTML.

 
 
 
  ...
 
 
 
 
 .


 

Din cele de mai sus, putem scrie codul paginii HTML:

 
 
 
 
 Conţinut ale mele stanitsa 
 

 
În general, există o mulțime de etichete și fiecare dintre ele îndeplinește anumite funcții în crearea unei pagini HTML.
Foaie de stil CSS în cascadă
Să presupunem că trebuie să schimbați culoarea textului din site-ul dvs. HTML de la negru la albastru, pentru aceasta trebuie să schimbați culoarea de fundal pe fiecare pagină a site-ului dvs., dar există o soluție mai ușoară la această problemă. Puteți utiliza foi de stil în cascadă sau, cu alte cuvinte, CSS (Cascading Style Sheets).
CSS a fost o revoluție care a zguduit WWW. Dacă înainte Web-designerul nu știa cum ar arăta creația sa în diferite programe de browsere Web, acum el poate controla totul: de la stilul fontului până la poziția imaginii pe pagină.
Deci, CSS este folosit de creatorii paginilor Web pentru a specifica culoarea, fonturile, aspectul și alte aspecte ale prezentării documentelor. Scopul principal al dezvoltării CSS a fost de a separa conținutul (scris în HTML sau un alt limbaj de marcare) de prezentarea documentului (scris în CSS).
În plus, CSS permite prezentarea aceluiași document în diferite stiluri sau metode de ieșire, cum ar fi afișarea, tipărirea, citirea vocală (cu un browser vocal dedicat sau un cititor de ecran).
CSS la redarea paginii poate fi preluat din diverse surse:

Foi de stil externe, adică un fișier separat. css la care se face referire în document.
Stiluri inline - blocuri CSS în cadrul documentului HTML în sine.
Stiluri în linie, unde într-un document HTML stilul informațiilor pentru un element este specificat în atributul său de stil.
Stiluri personalizate: un fișier CSS local specificat de utilizator în preferințele browserului care suprascrie stilurile autorului și se aplică tuturor documentelor.
Stil browser: stilul standard folosit de browser în mod implicit pentru prezentarea elementelor.

Descrierile stilului sunt în etichete și plasat între etichete .
Dacă plasați stiluri într-un fișier separat, atunci între etichete  fiecare document HTML trebuie să adauge un link către fișierul CSS:

Mod implicit. css este fișierul dvs. CSS care conține o descriere a stilurilor aplicate. Dacă se află într-un alt director, trebuie să specificați calea către acesta. Un fișier CSS este creat în orice editor de text, de exemplu, în Notepad, trebuie doar să schimbați extensia fișierului text în CSS.