Cod șablon de pagină. Cu un cadru larg. Etichete opționale în HTML5
Lecția „Cum se creează o pagină HTML” este dedicată aspectului unei pagini web foarte simple. Veți învăța cum să salvați corect un fișier HTML, să setați codificarea necesară pentru a afișa corect o pagină HTML într-un browser și să plasați texte, liste și imagini pe o pagină web.
După ce ați studiat această lecție, veți învăța deja cum să vă creați prima pagină web, ca în Figura 1.
Poza 1
1. Structura documentului HTML
Fișierele HTML au extensia .htm sau .html.
Etichetele sunt de obicei asociate: etichete de început și de sfârșit. Inițială -<>, finală, De exemplu
Și
Se mai numește o etichetă asociată recipient .
Unele etichete nu au o pereche de etichete obligatorie, această etichetă este numită singur
. O astfel de etichetă este închisă scriind o bară oblică dreaptă înaintea parantezei unghiulare de închidere, de exemplu
Structura documentului html arată astfel (Figura 2).
Figura 2
Explicații pentru listarea din figura 2
În prima linie, construcția DOCTYPE înseamnă unul dintre standardele de aspect al paginii web.
Între etichete
Și
conține partea antet. Include un design
Figura 3
Record înseamnă codificarea chirilică, astfel încât literele să fie afișate corect în browser. Dacă codarea nu este specificată, fonturile pot fi uneori afișate după cum urmează (Figura 4)
Figura 4
Aceeași pagină după introducerea codificării (Figura 5)
Figura 5
Notă: în loc de codificare charset="windows-1251" puteți folosi codificarea set de caractere=" utf -8" , care vă permite să creați site-uri multilingve, deoarece toate personajele existente în lume sunt prezente în el. În acest caz, în Blocnotes++ este necesar înainte de aranjare și salvarehtml-selectați fișierul din meniul de sus Encodings - Codificare pentru UTF -8 fără BOM (UTF-8 fără BOM)
Aceste informații sunt suficiente pentru a crea primul document.
Practica 1
1. Creați un folder, denumiți-l Ale melecasa. Numele tuturor dosarelor și fișierelor trebuie să fie create cu litere mici latine, Numele rusești nu pot fi folosite. Păstrați numele scurte și semnificative.
Vom scrie codul paginii web în Notepad. Este mai bine să folosiți nu Notepad-ul care vine cu Windows, ci unul mai „avansat”, de exemplu Notepad++. Distributie Notepad++ este în dosar CD/distr.
2. Deschideți Notepad++. Asigurați-vă că codarea ANSI este setată, pentru a face acest lucru în meniul din articol Codificări, poziție stabilită Codați conform ANSI.
3. Introduceți codul din lista din Figura 2 în Notepad++.
Codul din lista din Figura 2 va servi ca șablon pentru noi în viitor, astfel încât să nu fie nevoie să introducem structura documentului HTML de fiecare dată. Copiați construcția DOCTYPE de aici (nu este nevoie să o memorați sau să o memorați).
4. Salvați fișierul ca template.htmlîn dosar casa mea, în timp ce în câmp Tip fișier instalare Toate tipurile(Figura 6), altfel pagina dvs. web nu se va deschide în browser.
Figura 6
5. După salvare, rulați șablon. html dublu click. Ca rezultat, fișierul dvs. va arăta astfel (Figura 7).
Figura 7
Dacă nu obțineți rezultatul ca în figura de mai sus, înseamnă că cel mai probabil există o eroare în cod. Un caracter greșit este suficient și pagina web nu va fi afișată corect. Verificați din nou codul cu lista din Figura 2.
6. În interiorul folderului casa mea creați un folder public_ html. Acest nume este de obicei folderul în care este stocat site-ul atunci când este găzduit pe găzduire reală (acest folder poate fi numit și www).
7. Salvați fișierul șablon. htmlîn dosar public_ html sub un nou nume principal. html.
8. Dintr-un folder CD/ html_css_1 deschide fișierul text_main.txtîn Notepad++ și, de asemenea, deschideți fișierul salvat sub numele principal. html
9. Copiați tot textul din fișier text_main.txtși lipiți-l în fișier principal. htmlîn loc de expresia „Conținutul paginii web”. În etichetă
10. Salvați modificările și previzualizați fișierul principal. htmlîn browser. Veți vedea text neformatat. Browserul nu face nici măcar rupturi de rând care sunt în textul sursă (Figura 8).
Figura 8
2. Formatareweb-pagini etichetateHTML
Acest tutorial Cum se creează o pagină HTML acoperă etichetele de bază care sunt utilizate pentru a marca o pagină web.
Etichetele sunt concepute pentru a formata textul unei pagini web. Lista etichetelor poate fi vizualizată mai detaliat în dosar CD/DirectorHTMLîn director html401_en.chm(în elementul de sus din meniu elemente).
Să ne uităm la câteva dintre etichete.
Elemente h 1, h 2, h 3, h 4, h 5, h 6
Structurarea corpului documentului se face în interiorul elementului < corp> folosind titluri specificate de elementele h1, h2, h3, h4, h5, h6.
Elementele de antet sunt împerecheate, deci trebuie să aibă o deschidere < h1> si inchidere h1> Etichete.
HTML are șase niveluri de titlu: h1 (cel mai sus), h2, h3, h4, h5 și h6 (cel mai jos). Funcționalitatea elementelor de titlu este similară cu stilurile de titlu obișnuite din editorii de text.
Efectele acestor șase etichete sunt prezentate în figurile de mai jos. Intr-o poza sursă(Figura 9), pe de altă parte - vizualizarea în browser (Figura 10).
Figura 9
Figura 10
Împărțirea textului în paragrafe
Etichetă < p> setează începutul unui paragraf și inserează un spațiu în partea de sus a paragrafului - o indentă pentru a separa acest paragraf de cel precedent.
Forțați rupere de linie
Etichetă
vă permite să împachetați textul rămas dintr-un paragraf la rândul următor. Aceasta este o etichetă nepereche și, spre deosebire de eticheta de paragraf, nu mărește distanța dintre linii.
Practica 2
1. Formatați titlul „Catalog proiecte de arhitectură” folosind etichete
Și
.2. Formatați titlul „Proiecte pentru viitoarea casă” folosind etichete
Și
.3. Formatați titlurile „Proiecte de casă” și „Zona de casă” folosind etichete
Și
.4. Împărțiți textul principal în paragrafe folosind o etichetă
În primele două paragrafe, utilizați eticheta
a rupe o linie. Ca rezultat, codul dvs. ar trebui să arate astfel (Figura 11).
5. Vizualizați rezultatul într-un browser.
Figura 11
Liste marcate și numerotate
Folosind instrumente HTML puteți crea orice liste: numerotate (numerice și alfabetice) și marcate cu tipuri diferite markere.
Etichetă < ul>…ul> generează o listă cu marcatori.
Etichetă < ol>…ol> generează o listă numerotată.
Un singur articol din listă ca în
- , si in
- Implementați codul prezentat în Figura 13 într-un fișier nou.
- Salvați fișierul într-un folder casa mea sub nume spisok_ vlozh. html. Rezultatul din Fig. 13
- absolut;
- relativ.
- intră în folderul folder_2,
- apoi introduceți folderul folder_1,
- apoi ataseaza imaginea.
- ieși din folderul folder_1,
- ieși din folderul folder_2,
- atașați o imagine.
- ieși din folderul folder_1,
- ieși din folderul folder_2,
- accesați folderul folder_3,
- accesați folderul folder_4,
- atașați imaginea pic.jpg
- ieși din folderul folder_1,
- ieși din folderul folder_2,
- ieși din folderul folder_3,
- intră în folderul folder_4,
- atașați imaginea pic.jpg.
- template.html
- principal.html
- spisok_vlozh.html
- în interiorul folderuluicasa meaar trebui să existe un folderpublic_ htmlcu fișierele viitorului site
- șapte exemple despre adresarea relativă și două exemple ca cele de control din sarcină practică 14
- cuvinte cheie și descrierea paginii;
- link-uri către alte fișiere (*.css și *.js).
- format folosind o etichetă <
li>
.
Practica 3
1. Creați o listă numerotată sub titlul „Proiecte de casă”.
2. Creați o listă cu marcatori sub titlul „Zona de casă”. Codul dumneavoastră va arăta astfel (Figura 12).
Figura 12
3. Vizualizați pagina într-un browser.
Listele pot fi imbricate una în cealaltă folosind diferiți marcatori.
Un exemplu de listă imbricată este prezentat în Fig. 13
Practica 4
Figura 13. Exemplu de listă imbricată
Stiluri de font
Etichetă … - vă permite să afișați textul cu font aldine.
Etichetă … - vă permite să afișați textul cu caractere cursive.
Etichetă … - afișează text subliniat.
De exemplu:
În acest caz, textul va fi afișat cursiv aldine , dar nu subliniat.
Și în acest caz textul va fi scris cursive subliniate îndrăznețe .
Indice și superindice
Etichetă < sub> Și sub> vă permite să coborâți textul cu jumătate de rând sub textul normal.
Etichetă < cina> Și cina> vă permite să ridicați textul cu jumătate de linie deasupra textului normal. Textul situat între aceste etichete va apărea într-un font mai mic decât textul obișnuit.
Practica 5
1. Formatați numele myhouse.ru cu caractere aldine în primul paragraf (Figura 14).
Figura 14
2. Formatați expresia „Mai mult de 95% din proiecte” cu caractere cursive subliniate în al doilea paragraf (Figura 15).
Figura 15
3. Formatați indicele în care sunt utilizați metri pătrați (Figura 16).
Figura 16
4. Salvați fișierul. Vizualizare prin browser. Pagina web ar trebui să arate astfel (Figura 17).
Figura 17
3. Inserarea imaginilor
În articolul nostru Cum se creează o pagină HTML, vom analiza cum să plasăm imagini pe o pagină web.
Eticheta este folosită pentru a insera imagini .
Atributul necesar pentru această etichetă este src(din engleză Sursa - sursă). Ea determină calea către fisier grafic, a cărui imagine ar trebui să fie afișată pe pagina web.
Pentru a insera o imagine, utilizați comanda 
De exemplu: "
imagine1.jpg"
alt="Imagine" />
!}
Atributul alt este necesar pentru ca atunci când vizualizați o pagină web în modul imagini dezactivate, în locul imaginii lipsă să existe o inscripție care este scrisă în atributul alt. De asemenea, este recomandat să folosiți întotdeauna texte alternative, deoarece motoarele de căutare le analizează ca cuvinte cheie atunci când caută imagini.
Fișierele grafice pot fi în format jpg, gif, png și întotdeauna în modelul colorRGB.
Practica 6
1. După lista zonelor casei, inserați imagini cu proiecte de cabane în pagina web proiect_1.jpgȘi proiect_2.jpg din folder CD/html_css_1 . Pentru a face acest lucru, mai întâi copiați aceste două imagini în folderul în care se află fișierul main.html. Codul de inserare a imaginii va arăta astfel (Figura 18).
Figura 18
2. Vizualizați rezultatul în browser (Figura 19).
Figura 19
Practic principiul utilizării etichetelorHTMLar trebui să fie clar. Ele sunt folosite după același principiu: dacă eticheta este container, atunci există o etichetă de deschidere și de închidere. Dacă eticheta este unică, atunci nu există nicio etichetă de închidere; în acest caz, bara oblică dreaptă este scrisă înaintea parantezei unghiulare de închidere, de exemplu< br/>. Indiferent dacă eticheta este container sau single, puteți oricând să vă uitați în specificațiehtml401_ru.chm în secțiunea „elemente”.
4. Adresarea în cadrul site-ului
În prima noastră lecție, Cum se creează o pagină HTML, vom explora conceptele de adresare în HTML.
Să luăm în considerare opțiunile de adresare atunci când trebuie să plasați imagini într-un fișier html care poate fi localizat în diferite foldere ale site-ului.
Există două tipuri de adresare:
Adresare absolută (folosind nume de unități de computer) nefolosit(Figura 20)
Figura 20
Folosit adresare relativă - adresarea în cadrul unui document sau a unui set de documente pe un server. Pentru a face referire la un fișier dintr-un site, trebuie să spuneți browserului ce cale ar trebui să ia pentru a ajunge la fișierul dorit.
|
Exemplul 1 Imaginea se află în același folder ca și documentul HTML (Figura 21). Adică, imaginea și fișierul HTML sunt la același nivel în Sistemul de fișiere iar documentul HTML poate atașa imediat imaginea. În acest caz, inserarea unei imagini într-o pagină web va arăta astfel.
Figura 21 Sarcina practică7 Implementați exemplul 1 (creați un folder, un fișier doc.html, luați orice imagine). Imagine |
|
Exemplul 2 Imagine poza. jpg este în dosar pliant_1 . Documentul HTML se află în afara folderului_1. Acestea. În sistemul de fișiere al site-ului, documentul HTML este situat cu un nivel mai sus decât imaginea (Figura 22). Trebuie să introduceți folderul folder_1, apoi să atașați imaginea
Figura 22 Sarcina practică8 Implementați exemplul 2 (creați un folder, un fișier doc.html, luați orice imagine). Imaginea trebuie inserată în pagina web doc.html. |
|
Exemplul 3 Imagine poza. jpg este în dosar pliant_1 , care se află la rândul său în dosar pliant_2 . Documentul HTML se află în afara acestor foldere (Figura 23). Astfel, documentul HTML este cu două niveluri mai sus decât imaginea. Necesar:
Figura 23 Sarcina practică9 Implementați exemplul 3 (creați foldere, fișier doc.html, luați orice imagine). Imaginea trebuie inserată în pagina web doc.html. |
|
Exemplul 4 pliant_1 . Imaginea se află în afara folderului_1. Acestea. Documentul HTML este situat cu un nivel mai jos decât imaginea (Figura 24). Trebuie să părăsiți folderul_1, apoi să atașați imaginea. Părăsirea unui folder este indicată de construcție ../ (două puncte și o bară oblică la dreapta).
Figura 24 Sarcina practică10 Implementați exemplul 4 (creați un folder, un fișier doc.html, luați orice imagine). Imaginea trebuie inserată în pagina web doc.html. |
|
Exemplul 5 Documentul HTML se află în folder pliant_1 , care la rândul său se află în folder pliant_2 . Imaginea se află în afara acestor foldere. Astfel, documentul HTML este situat cu două niveluri mai jos decât imaginea (Figura 25). Necesar: Deoarece trebuie să ieși de două ori, designul ../ repetat de două ori.
Figura 25 Practica 11 Implementați exemplul 5 (creați foldere, fișier doc.html, luați orice imagine). Imaginea trebuie inserată în pagina web doc.html. |
|
Exemplul 6 (Figura 26) Necesar:
Figura 26 Practica 12 Implementați exemplul 6 (creați foldere, fișier doc.html, luați orice imagine). Imagine trebuie inserat în pagina web doc.html. |
|
Exemplu 7 (Figura 27) Necesar: Deoarece trebuie să ieșiți de trei ori, designul ../ repetat de trei ori.
Figura 27 Practica 13 Implementați exemplul 7 (creați foldere, fișier doc.html, luați orice imagine). Imagine trebuie inserat în pagina web doc.html. Astfel, de câte ori trebuie să ieși, punem construcția ../ de atâtea ori, iar dacă intrăm, listăm numele folderelor întâlnite pe parcurs. |
/
>
/
>
/
>
Practica 14
1. Creați un document html și inserați o imagine în el, astfel încât calea către imagine să fie după cum urmează.
"
../../../../../../folder_1/folder_2/folder_3/image.jpg" /
>
2. Dezvoltați propriul exemplu de inserare a unei imagini într-un document html, astfel încât acesta să conțină și Ieșire din foldere și Intrare în foldere. Exemplul ar trebui să fie diferit de toate exemplele de mai sus.
Ca rezultat al finalizării acestui subiect, ar trebui să aveți următoarele fișiere create:
Au fost inventate multe limbi, dar HTML este unul dintre limbile speciale și cele mai populare. Multe alte evoluții cheie în programare sunt asociate cu acesta. Multe devin posibile atunci când mintea dezvoltatorului cunoaște limbajul de marcare - HyperText Markup Language (HTML).
În esență, în HTML nu este nimic complicat și în câteva minute oricine este departe de programare și Internet va putea crea o pagină HTML în Notepad. Un exemplu demn de atentie, simplitate cu adevarat accesibila oricui.
descriere generala
Un fișier HTML este o pagină a site-ului, deși acest lucru poate fi argumentat, dar faptul că un fișier alcătuiește o pagină este clar de la început.
Un fișier HTML începe cu un antet DOCTYPE, care indică faptul că tipul de fișier este HTML. Toate elementele paginii (etichetele) sunt indicate între paranteze unghiulare. Fiecare pereche ("<» и «>") include o etichetă HTML. De obicei, etichetele HTML vin în perechi, adică pentru fiecare „etichetă” există o „/etichetă”. Ambele sunt incluse în paranteze unghiulare. Există etichete unice, dintre care cea mai populară este „br/” - trecerea la următoarea linie.
Cea mai mare etichetă din fișier este HTML-ul în sine, care conține doar două etichete: HEAD și BODY. În prima, se fac diverse descrieri, sunt indicate link-uri către alte fișiere necesare în pagină, care pot fi prezente Scripturi PHPși JavaScript. Al doilea înregistrează conținutul paginii. De asemenea, sub formă de tag-uri și scripturi.
Pagina HTML simplă
Un exemplu de creare a unei astfel de pagini este dat mai jos în articol. Să ne uităm cu atenție.
Secțiunea CAP
Scop principal - descriere generala pagini și scripturi generale, deși acesta din urmă este un concept destul de relativ. De obicei, doar două lucruri primesc o importanță semnificativă aici:
Pentru afișarea conținutului paginii, conținutul acestei secțiuni este important doar indirect, deoarece indică: undeva în alte fișiere există reguli CSS pentru etichete și scripturi în alte limbi.
O pagină HTML are una care este afișată atunci când vizitatorul mută mouse-ul în fila în care este deschisă pagina. Acest punct important, deoarece face pagina semnificativ mai prezentabilă, mai ușor de spus, semnată cu text care poate fi citit.
Etichetele META sunt importante în programarea pe Internet în general, dar atunci când trebuie să creați o pagină HTML în Notepad, nu este recomandabil să aglomerați exemplul cu constructe inutile.
Dacă scripturile ar trebui abordate odată ce s-au stabilit cunoștințele despre HTML, atunci Foile de stil în cascadă ar trebui abordate imediat. Fișierele CSS conțin, în special, reguli de proiectare Etichete HTML.
Sectiunea CORP
De fapt, pagina HTML de exemplu este secțiunea BODY. Aici sunt cuprinse toate informațiile, tot conținutul paginii site-ului. Toate informațiile sunt prezentate sub formă de etichete și scripturi, de exemplu inserarea de cod JavaScript sau bucăți de programe PHP.
Este important să înțelegeți că un exemplu de pagină web HTML într-un browser și același exemplu într-un editor de text, în special Notepad, nu sunt același lucru. În primul caz, avem un text HTML gata făcut în care sunt executate toate scripturile. De exemplu, PHP și-a îndeplinit rolul și a format etichetele necesare în locurile potrivite în locul codului său. JavaScript și-a îndeplinit și misiunea, deși rămâne de discutat separat.
HTML sunt etichete, nu scripturi. În cele din urmă, în browser este afișat doar conținutul paginii, doar etichetele acesteia. Nu există cod PHP acolo.
JavaScript se află într-o poziție specială, preocuparea sa este să servească pagina nu numai în momentul încărcării (supraîncărcării), ci și în momentele în care pagina se află în browserul vizitatorului, iar acesta o studiază.
Un exemplu simplu (numai secțiunea BODY) este prezentat mai jos.
Și în browserul vizitatorului arată astfel:
Codul nu a specificat cum ar trebui să arate elementele pe care le-ar afișa browserul. Toate stilurile vizibile sunt în regulile CSS. În acest caz, în fișierul Mcss/scPhpWordRW.css care a fost legat (vezi primul exemplu al paginii HTML).
Spre deosebire de HTML, tema CSS este mai simplă, există reguli foarte accesibile și numărul lor este mic, când un exemplu de creare a unei pagini HTML nu necesită altceva decât notepad. Totul este foarte accesibil pentru stăpânire imediată:
Aceasta arată cât de simplu este descrisă eticheta scLogo_vDoc, iar această descriere este astfel încât, în starea sa normală, eticheta afișează imaginea vDoc-logo.png, iar când mouse-ul este peste ea, este afișat vDoc-logo-h.png.
Structura descrierilor HTML
Limbajul nu implică nicio structură și conceptul de sintaxă aici este foarte relativ. Nu există variabile, dar există o mulțime de posibilități. Baza fundamentală a hipertextului este că există un element (etichetă) care are în mod necesar un nume.
Numele, în cazul unei etichete asociate, este alcătuit din numele în sine (tagName) și paranteze unghiulare („<» + tagName +«>"), Dacă despre care vorbim despre începutul etichetei și „„dacă se consemnează sfârşitul lui.
Un exemplu de pagină HTML care descrie atributele se află mai jos în text.
O etichetă poate avea atribute, caz în care acestea sunt plasate cu un spațiu după numele etichetei înainte de paranteza unghiulară de închidere „>”. Atributele, dacă o etichetă le are, sunt scrise doar la începutul etichetei. Conținutul unei etichete este considerat a fi ceea ce se află între începutul etichetei și sfârșitul acesteia.
HTML vă permite să descrieți elementele bloc și inline. Primele ocupă o anumită zonă în fereastra browserului, pot fi poziționate absolut, adică în locul dorit în zona de afișare a paginii HTML, și au o anumită dimensiune.
Elementele inline sunt în general afișate într-un singur fir, adică așa cum au fost specificate în fișierul de pagină, sunt afișate pe ecran. Afișarea fluxului general poate fi influențată atunci când pagina se încarcă. Plasarea, vizibilitatea și alte proprietăți ale elementelor bloc pot fi influențate în orice moment prin codul JavaScript.
Pe lângă elementele simple, HTML oferă descrierea tabelelor și formularelor. Aceste elemente sunt foarte solicitate în „construcția de zi cu zi a site-urilor”.
Descrierea tabelului: etichete TABLE, TR, TD
Folosind eticheta TABLE, puteți crea un tabel, puteți specifica un anumit număr de rânduri TR și un anumit număr de celule TD în fiecare rând. Spre deosebire de organizarea tabelară obișnuită, datorită particularităților de marcare HTML, organizarea tabulară este limitată la această declarație, prin urmare, dacă dezvoltatorul dorește să aibă un tabel dreptunghiular în care numărul de coloane din toate rândurile să fie același, atunci trebuie să monitorizează el însuși acest lucru.
Poziția de principiu a HTML este să facă tot ceea ce este specificat, dar nimic care nu este înțeles. În unele cazuri, numărul de coloane din fiecare rând al tabelului nu este atât de important, dar dacă trebuie să îmbinați celulele pe verticală sau pe orizontală, va trebui să numărați totul cu mare atenție.
Un exemplu de pagină HTML care descrie un tabel simplu este prezentat clar în articol.
Aici este prezentat un tabel de trei rânduri cu trei coloane, iar pe primul rând, în locul etichetei TD, a fost folosită eticheta TH - antetul coloanei. Aceste două etichete nu sunt deosebit de diferite, dar este destul de posibil să îl folosiți pe primul pentru a distinge primul rând al tabelului, iar în CSS puteți atașa propriul stil la TH, care îl deosebește de alte TD-uri.
Descriere formular: etichete FORM, INPUT
Formularele sunt cea mai populară parte a etichetelor HTML. Folosind formulare puteți transfera informații. De fapt, pagina în sine este rezultatul informațiilor, dar forma este intrarea acesteia.
Exemplu de pagină HTML care descrie un formular simplu:
Există mai multe opțiuni pentru utilizarea formularelor, dar acestea sunt principalele posibilități. Puteți specifica câmpuri de intrare, le puteți atribui un design și handlere pentru a analiza datele introduse de utilizator. Puteți specifica câmpuri ascunse și puteți transmite informații de fundal din pagină. Puteți desemna butoane pentru transmiterea informațiilor, făcând clic pe care inițiază procesul de transmitere a informațiilor.
Folosind HTML
Cunoașterea limbajului hipertext este o meserie în orice specializare din domeniul programarii pe Internet, dar dacă trebuie să scrieți programe în PHP sau JavaScript, atunci trebuie să cunoașteți perfect HTML + CSS.
Limbajul PHP a fost indicat în exemplul anterior. PHP rulează pe server, așa că pagina cu acest formular a zburat de la server la browser cu câmpurile completate. În special, funcția TestOnBlur menționată în eticheta INPUT (managerul de evenimente onblur) a primit toți parametrii ca câmpuri de text.
JavaScript rulează în browser și pentru ca butonul de trimitere a datelor înapoi către server să funcționeze corect, adică construcția: onclick=jQuery("#to").val("cart"), trebuie să aveți o idee nu numai despre ce este jQuery, ci și despre ce este #to, val, cart. Mai precis, trebuie să cunoașteți etichetele HTML de bază și reguli generale aplicarea stilurilor CSS acestora.
Acest lucru este suficient pentru a vă îmbunătăți rapid calificările în orice specializare în domeniul programării pe Internet.
Bună ziua, dragi cititori ai blogului. Cu acest articol vom începe să învățăm elementele de bază limbaj HTML.
Probabil că știți deja că limba principală a internetului este limbaj de marcare hipertext HTML (HyperText Markup Language). În acest articol, vom învăța conceptele de bază ale HTML și vom învăța cum să creăm pagini WEB simple.
Să începem cu cel mai important lucru, să vedem cum funcționează World Wide Web— Internetul. Pentru a produce pagini web, creați fișiere scrise în HTML și le plasați pe un server web. După aceasta, orice browser instalat pe un dispozitiv cu acces la Internet, fie că este un computer, telefon sau tabletă, vă poate găsi paginile web.
server web- acesta este un computer obișnuit cu un special software cu acces la internet. Ascultă continuu solicitările din browsere pentru pagini web, imagini, fișiere audio și video. După ce a primit o solicitare pentru una dintre aceste resurse, serverul o caută și o trimite browserului.
Browser- Acest program special, destinat navigării pe site-uri web, de exemplu Internet Explorer. Folosind un browser, navigați pe site-uri web făcând clic pe linkuri. Orice astfel de clic determină browserul să facă o cerere pentru pagina HTML către serverul web, să primească un răspuns și să afișeze pagina în fereastra sa. Când pagina este afișată, limbajul HTML începe să funcționeze; îi spune browserului totul despre structura și conținutul paginii web. Utilizarea comenzilor - Etichete, HTML spune browserului unde încep paragrafele de text, ce parte a textului este un titlu și unde să insereze tabele și chiar imagini. Și etichetele sunt cuvinte între paranteze unghiulare, de exemplu
,
