Cod șablon de pagină. Cu un cadru larg. Etichete opționale în HTML5
Lecția „Cum se creează o pagină HTML” este dedicată aspectului celei mai simple pagini web. Veți învăța cum să salvați corect un fișier HTML, să setați codificarea necesară pentru afișarea corectă a unei pagini 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ă creați prima pagină web, ca în Figura 1.
Poza 1
1. Structura documentului html
fișierele html au extensia .htm sau .html.
De obicei, etichetele sunt asociate: etichete de început și de sfârșit. Inițială -<>, final , de exemplu
Și
Eticheta pereche este de asemenea numită recipient .
Unele etichete nu au o etichetă de pereche obligatorie, o astfel de 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 un antet. Include designul
Figura 3
Înregistrare î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 simbolurile existente în lume sunt prezente în el. În acest caz, în Notepad++ 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ă utilizați nu Notepad-ul care vine cu Windows, ci unul mai „avansat”, cum ar fi Notepad ++. Distributie Notepad++ este în dosar cd/distr.
2. Deschideți Notepad++. Asigurați-vă că codarea ANSI este setată, pentru aceasta, în meniul din articol Codificări, poziție stabilită Codați conform ANSI.
3. Introduceți în Notepad++ codul din lista din Figura 2.
Codul din listarea din Figura 2 va servi ca șablon pentru noi în viitor, astfel încât de fiecare dată să nu introducem structura documentului html. Copiați constructul DOCTYPE de aici (nu este nevoie să îl memorați și să îl memorați).
4. Salvați fișierul cu un nume 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 mai târziu.
Figura 6
5. După salvare, rulați model. 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, atunci cel mai probabil există o eroare în cod. Un caracter greșit este suficient și pagina web nu se va afișa corect. Verificați din nou codul cu lista din Figura 2.
6. În interiorul unui folder casa mea creați un folder public_ html. Acest nume este de obicei folderul în care este stocat site-ul atunci când este plasat pe o găzduire reală (acest folder poate fi numit și www).
7. Salvați fișierul model. htmlîn dosar public_ html sub un nou nume principal. html.
8. Din 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 în fișier principal. htmlîn loc de expresia „Conținutul paginii web”. În etichetă
10. Salvați modificările și vizualizați fișierul principal. htmlîn browser. Veți vedea text neformatat. Chiar și rupturile de rând care sunt în textul sursă, browserul nu o face (Figura 8).
Figura 8
2. Formatareweb-pagina etichetataHTML
Acest tutorial, Cum se creează o pagină HTML, acoperă etichetele de bază care sunt utilizate pentru a marca o pagină web.
Etichetele sunt folosite pentru a formata textul unei pagini web. O listă mai detaliată de etichete poate fi găsită în folder CD/DirectorHTMLîn director html401_en.chm(în elementul de sus din meniu elemente).
Să aruncăm o privire 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> cu ajutorul titlurilor stabilite 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ția elementelor de antet este similară stilurilor de titlu obișnuite din editorii de text.
Acțiunea acestor șase etichete este prezentată î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 deasupra paragrafului - o inclină pentru a separa acest paragraf de cel precedent.
Forțați rupere de linie
Etichetă
vă permite să împachetați restul textului paragrafului la rândul următor. Aceasta este o etichetă neîmperecheată și, spre deosebire de eticheta de paragraf, nu crește distanța dintre linii.
Practica 2
1. Formatați titlul „Architectural Design Catalog” cu etichete
Și
.2. Formatați titlul „Proiecte pentru viitoarea casă” cu etichete
Și
.3. Formatați titlurile „Design de case” și „Zona de casă” cu etichete
Și
.4. Împărțiți corpul textului în paragrafe folosind eticheta
Î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ă.
Element de listă separat ca în
- , precum și în
- Implementați codul prezentat în Figura 13 într-un fișier nou.
- Salvați fișierul într-un folder casa mea sub nume listă_ 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 imaginea.
- 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
- list_vlozh.html
- în interiorul unui foldercasa meaar trebui să existe un folderpublic_ htmlcu fișierele viitorului site
- șapte exemple pentru adresare relativă și două exemple ca control de la sarcină practică 14
- cuvinte cheie și descrierea paginii;
- link-uri către alte fișiere (*.css și *.js).
- format cu o etichetă <
li>
.
Practica 3
1. Creați o listă numerotată sub titlul „Proiecte de case”.
2. Creați o listă cu marcatori sub titlul Zonele casei. Codul dumneavoastră va arăta astfel (Figura 12).
Figura 12
3. Vizualizați pagina într-un browser.
Listele pot fi imbricate unele în altele 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 caractere 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.
În acest caz, textul va fi scris cursive subliniate îndrăznețe .
Indice și superindice
Etichetă < sub> Și sub> vă permite să aruncați textul cu o jumătate de linie sub textul normal.
Etichetă < cina> Și cina> vă permite să ridicați textul cu jumătate de linie deasupra textului normal. Textul dintre aceste etichete va fi afișat într-un font mai mic decât textul normal.
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” din al doilea paragraf cu caractere cursive subliniate (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 printr-un browser. Pagina web ar trebui să arate astfel (Figura 17).
Figura 17
3. Inserați imagini
Î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 alt-texte, 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 neapărat î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 dintr-un 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 pentru inserarea imaginilor 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 o etichetă de 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 o etichetă de container sau o singură etichetă, puteți oricând să vă uitați în specificațiehtml401_ru.chm în secțiunea „elemente”.
4. Adresarea în cadrul site-ului
În primul nostru tutorial, „Cum se creează o pagină HTML”, vom explora conceptele de adresare în HTML.
Luați î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 de pe site.
Există două tipuri de adresare:
Adresare absolută (folosind nume de unități de computer) nefolosit(poza 20)
Figura 20
folosit adresare relativă - adresarea in cadrul unui document sau colectie de documente pe acelasi server. Pentru a face referire la un fișier din 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și un document HTML poate atașa imediat o imagine. Î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 folder, 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 folder_1 apoi atașați imaginea
Figura 22 Sarcina practică8 Implementați exemplul 2 (creați folder, 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 la rândul său se află în folder 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 este în afara folderului_1. Acestea. Documentul HTML se află la un nivel sub imagine (Figura 24). Trebuie să părăsiți folderul folder_1, apoi să atașați imaginea. Ieșirea dintr-un folder este indicată de construct ../ (două puncte și o bară oblică la dreapta).
Figura 24 Sarcina practică10 Implementați exemplul 4 (creați folder, 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 este necesar să ieșiți de două ori, apoi construcția ../ se repetă 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 (poza 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, apoi construcția ../ se repetă 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, de atâtea ori punem construcția ../, iar dacă intrăm, listăm numele folderelor întâlnite pe cale. |
/
>
/
>
/
>
Practica 14
1. Creați un document html și inserați o imagine în el, astfel încât calea către imagine să fie următoarea.
"
../../../../../../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 la foldere. Exemplul ar trebui să fie diferit de toate exemplele de mai sus.
Ca rezultat al acestei teme, ar trebui să aveți următoarele fișiere:
Au fost inventate multe limbi, dar HTML este una dintre cele mai speciale și mai căutate limbi. Multe alte inițiative cheie de programare sunt asociate cu acesta. Multe devin disponibile atunci când cunoașterea limbajului de marcare - HyperText Markup Language (HTML) este prezentă în mintea dezvoltatorului.
În esență, în HTML nu este nimic complicat și în câteva minute orice persoană, cea mai îndepărtată de programare și Internet, va crea o pagină HTML într-un bloc de note. Un exemplu care merită atenție este simplitatea, într-adevăr, accesibilă tuturor.
descriere generala
Un fișier HTML este o pagină a unui site, 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 singură etichetă HTML. De obicei, etichetele HTML sunt împerecheate, adică pentru fiecare „etichetă” există o „/etichetă”. Ambele sunt incluse în paranteze unghiulare. Există etichete unice, dintre care cel mai popular „br/” este 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 paginii, pot exista 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ă luăm în considerare cu atenție.
Secția CAP
Scopul principal este o descriere generală a paginii și a scripturilor comune, deși acesta din urmă este un concept destul de relativ. De obicei, doar două lucruri sunt importante aici:
Pentru afișarea conținutului paginii, conținutul acestei secțiuni este relevant doar indirect, deoarece indică faptul că undeva în alte fișiere există reguli CSS pentru etichete și scripturi din alte limbi.
Pagina HTML are care este afișată atunci când vizitatorul mută mouse-ul peste fila în care este deschisă pagina. Acest punct important, pentru că face pagina mult mai prezentabilă, cu alte cuvinte, semnată cu text lizibil.
Etichetele META sunt importante în programarea pe Internet în general, dar atunci când trebuie să creați o pagină HTML într-un bloc de note, nu este de dorit să aglomerați exemplul cu construcții inutile.
Dacă scriptarea ar trebui abordată odată ce cunoștințele despre HTML sunt consolidate, atunci Foile de stil în cascadă ar trebui abordate imediat. Fișierele CSS oferă, în special, regulile de formatare a etichetelor HTML.
Sectiunea CORP
De fapt, exemplul de pagină HTML 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, cum ar fi inserarea de cod JavaScript sau bucăți de programe PHP.
Este important să înțelegeți că exemplul Pagini web HTMLîn browser și același exemplu într-un editor de text, în special notepad, acest lucru este departe de 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 loc de codul său în locurile potrivite. JavaScript și-a îndeplinit și misiunea, deși încă nu a fost discutat separat.
HTML sunt etichete, nu scripturi. În cele din urmă, browserul afișează doar conținutul paginii, doar etichetele acesteia. Nu există cod PHP acolo.
JavaScript se afla intr-o pozitie speciala, preocuparea sa este sa serveasca pagina nu doar in momentul incarcarii (reincarcarii), ci si in momentele in care pagina se afla in browserul vizitatorului, iar acesta o studiaza.
Un exemplu simplu (doar secțiunea CORP) este listat mai jos.
Și în browserul vizitatorului, arată astfel:
Codul nu a specificat cum ar trebui să arate elementele afișate de browser. Toate stilurile vizibile sunt în regulile CSS. În acest caz, în fișierul Mcss/scPhpWordRW.css referit (vezi primul exemplu de pagină 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 un notepad. Totul este foarte accesibil pentru dezvoltare instantanee:
Aceasta arată cât de simplu este descrisă eticheta scLogo_vDoc, descrierea fiind astfel încât eticheta afișează în mod normal imaginea vDoc-logo.png, iar când mouse-ul este peste ea afișează imaginea vDoc-logo-h.png.
Structura descrierilor HTML
Limbajul nu implică nicio structură, iar conceptul de sintaxă este foarte relativ aici. Nu există variabile aici, dar există o mulțime de posibilități. Baza fundamentală a hipertextului este că există un element (etichetă) care trebuie să aibă un nume.
Numele, în cazul unei etichete asociate, este compus din numele real (tagName) și paranteze unghiulare ("<» + tagName +«>"), Dacă vorbim despre începutul etichetei și „” dacă se consemnează sfârșitul acestuia.
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 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 potrivit în zona de afișare a paginii HTML și au o anumită dimensiune.
Elementele inline sunt în general afișate într-un singur flux, adică așa cum au fost specificate în fișierul de pagină și sunt afișate pe ecran. Afișarea fluxului partajat poate fi influențată atunci când pagina este încărcată. Plasarea, vizibilitatea și alte proprietăți ale elementelor la nivel de bloc pot fi influențate în orice moment prin codul JavaScript.
Pe lângă elementele simple, HTML oferă să descrie tabele și formulare. 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, în fiecare rând, un anumit număr de celule TD. Spre deosebire de organizarea tabulară obișnuită, din cauza particularităților marcajului HTML, organizarea tabulară este limitată la această declarație, așa că 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ă urmeze asta pe cont propriu.
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ă calculați totul cu mare atenție.
Un exemplu de pagină HTML care descrie un tabel simplu este prezentat clar în articol.
Iată un tabel cu o dimensiune de trei rânduri pe trei coloane, iar în primul rând, în locul etichetei TD, a fost folosită eticheta TH, antetul coloanei. Aceste două etichete nu au o diferență specială, 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.
Descrierea formularului: etichete FORM, INPUT
Formularele sunt partea cea mai solicitată a etichetelor HTML. Formularele pot fi folosite pentru a trimite informații. De fapt, pagina în sine este rezultatul informațiilor, dar forma este intrarea acesteia.
Un exemplu de pagină HTML care descrie un formular simplu:
Există multe mai multe opțiuni pentru utilizarea formularelor, dar caracteristicile principale sunt următoarele. Puteți specifica câmpuri de intrare, le puteți atribui design-ul și handlerele pentru analizarea intrărilor utilizatorului. Puteți specifica câmpuri ascunse și puteți transmite informații de fundal din pagină. Puteți desemna butoanele pentru transmiterea informațiilor, făcând clic pe care inițiază procesul de transmitere a informațiilor.
Folosind HTML
Cunoașterea limbajului hipertextului este de lucru în orice specializare în 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 desemnat î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 funcționează î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 abilitățile în orice specializare în domeniul programării pe Internet.
Salutare dragi cititori ai blogului. Cu acest articol, vom începe să învățăm elementele de bază ale limbajului HTML.
Probabil că știți deja că limba principală a internetului este Limbajul de marcare hipertext (HTML). În acest articol, vom învăța conceptele de bază ale HTML și vom învăța cum să creăm cele mai simple pagini WEB.
Să începem cu cel mai important, luați în considerare modul în care funcționează în sine World Wide Web— Internetul. Pentru a obține pagini web, creați fișiere scrise în HTML și le puneți pe un server web. După aceea, 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 este un computer normal cu un special software cu acces la internet. Așteaptă continuu cereri de la 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, conceput pentru a vizualiza site-uri web, de exemplu Internet Explorer. Cu browserul dvs., navigați pe 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. Atunci când pagina este afișată intră în joc limbajul HTML, acesta spune browserului totul despre structura și conținutul paginii web. Cu ajutorul comenzilor - Etichete, HTML spune browserului unde încep paragrafele de text, ce parte a textului este titlul și spune unde să insereze tabele și chiar imagini. Și etichetele sunt cuvinte între paranteze unghiulare, de exemplu
,
