Calculatoare, Programare
HTML: elementele de bază pentru începători
HTML - limbaj de marcare hipertext care a făcut Internetul așa cum o știm și dragoste. Este datorită acestui instrument minunat site-uri arata frumos și modern și oferă confortul de utilizare a acestora. HTML este pur și simplu asamblează elementele unei pagini web într-o opțiune user-friendly. Munca lui este comparabilă cu faptul că fac editoare de text , cum ar fi MS Word sau OpenOffice. Ei rândul său, o masă fără chip de litere într-un document care are paragrafe, text cu caractere aldine, cursive, tabele, și chiar imagini. Aproximativ același lucru face HTML, cu singura diferență fiind că documentele sale sunt afișate în browser-ul, precum și posibilitățile de acest instrument este mult mai largă decât editorul de text. Folosit pentru marcarea etichete - comenzi speciale, care descriu o structură de pagină web. Acestea sunt închise în paranteze unghiulare -
editori vizuale
Incepatori numai deschid calea pentru studiul HTML, de multe ori începe munca lor cu programe pentru a crea site-uri fără nici o cunoaștere. Ele pot plasa pur și simplu elementele de pe ecran, deoarece acestea vor apărea în browser. S-ar părea, aici este - izvorul harului veșnic, permite să scape de cele mai multe dintre dezvoltatori web. Dar nu atât de simplu, pentru că editorii vizuale au multe neajunsuri care fac imposibilă utilizarea acestora în proiecte serioase.
Aceste programe creează o mulțime de tag-uri inutile care fac versiunea finală a paginii greoaie și suboptimal. Desigur, în această vârstă de internet de mare viteză este mai puțin important decât în trecut, dar există o serie de motive pentru care un site web concis și bine scris este mai practic decât omologul său, creat în editorul vizual. Pagina web a făcut într-un astfel de program va fi tratat rău de către motoarele de căutare ca importante pentru ei la fiecare kilobytes de cod și codul de greoaie și lipsită de logică, cu o grămadă de erori semantice cu greu le-au gust. În plus, editorii de multe ori în spatele ori, devin irelevante, și să cheltuiască resursele pe dezvoltarea lor este imposibil, deoarece nici un profesionist nu va utiliza aceste produse. Prin urmare, orice persoană care dorește să lucreze în crearea de site-uri, ar trebui să cunoască elementele de bază ale HTML.
tag-uri
După cum sa menționat mai sus, etichetele descriu structura paginii web browser. Cele mai multe dintre ele au de deschidere și închidere tag-uri, dar nu toate. De exemplu,
Există, de asemenea, tag-uri unice, care nu trebuie să fie închise. În ele era în interior, precum și atribute. Atribut poate fi stabilită pentru majoritatea HTML-tag-uri și stabilește proprietățile elementului. Acesta este desemnat în eticheta de deschidere arată astfel: atribut = „...“, în cazul în care în loc de puncte este valoarea atributului. Cunoașterea tag-ul este primul și cel mai important pas pentru dezvoltarea HTML. Elementele de bază ale acestei arte implică, de asemenea, o înțelegere a structurii paginii web.
structura documentului
Fiecare document HTML are o extensie corespunzătoare, de exemplu, index.html. Deci, browser-ul poate înțelege ce are de făcut, și corect afișa o pagină. Toate fișierele utilizate pentru a crea site-ul, este recomandabil să se păstreze în același director, care, în viitor, va ușura foarte mult viața ta. Fundamentele Hypertext Markup Language HTML implică o înțelegere clară a structurii documentului. Acesta începe cu tag - ul , spune versiunea de browser HTML, care este utilizat în acest document. În momentul de față, versiunea locală a cincea a limbii, astfel încât nu mai este nevoie să inventeze ceva, putem insera în condiții de siguranță Eticheta de mai sus la partea de sus a oricărei pagini.
Apoi, du-te la structura principală pereche, care constituie „scheletul“ a site-ului. Primul tag-ul în care pentru a pune tot restul - ... html>. Tot ceea ce este dincolo, nu este recunoscut de către browser-ul ca pagină web, astfel încât acesta se deschide și se închide documentul. Această etichetă este necesar pentru orice document. Acesta conține, de asemenea, mai multe etichete obligatorii, care vor fi discutate mai jos.
cap
In interiorul tag-ul
... head> conține informații de natură tehnică, care nu vor fi afișate pe pagina, dar, cu toate acestea, este o parte importantă a documentului HTML. Notă Site-ul pus în acest loc, sunt selectate și introduse în codificarea numele paginii. Acesta este conținut în eticheta obligatorielegătură
Cunoștințe de bază de HTML implică, de asemenea, utilizarea de stiluri în cascadă, sau css. Ei au stabilit proprietăți ale elementelor care vor fi afișate pe pagina. Abordarea modernă a acestei probleme implică impunerea de caracteristici, cum ar fi culoarea, înălțimea și locația elementului, într-un fișier extern pentru un plus de confort. Pentru a conecta css-fișierul utilizează tag-ul . În forma terminat, se pare ceva de genul: , ceea ce indică href privind locația fișierului, și tipul - de tipul acesteia.
corp
Este în această parte a HTML-document creat de către partea vizibilă a paginii. Tot ceea ce se face în interiorul „corpului“ va fi afișată de browser. În
- - este folosit pentru a extrage un subșir, care urmează să fie atribuit unui anumit stil, descris în css;
- - creează o legătură pe o pagină Web; sari adresa este specificat atributul href;
- - una dintre cele mai populare tag-uri moderne; Oricine a decis să învețe elementele de bază ale HTMLl limbii ar trebui să acorde o atenție deosebită, pentru că acesta este un element de bloc, care se face pe baza cotei leului din site-urile de azi (parametrii pentru bloculsunt setate în css, și alte unități pot fi plasate în interiorul acestei etichete);
- selectează un paragraf de text; conținutul paragrafului este situat între deschidere și închidere tag-uri;
- - o listă numerotată, elementele din care sunt pereche tag
- ;
-
- - o listă cu marcatori, care, precum și în elementele numerotate sunt notate cu tag - ul
- ;
-
-
- antete (cifra indică nivelul de antet, și anume
- titlul principal, iar variațiile ulterioare sunt subtitrări sale, prin modul în care, nivelurile de la pozițiile
,
este aproape imposibil de a găsi pe spațiile deschise pe Internet) este de asemenea important să ne amintim că o pagină poate avea un singur antet
;
- - text cu litere aldine;
- - italic;
-
- insera imagini pe pagina de web (aceasta este o singură etichetă, nu are nevoie să se închidă, dar este necesar să se precizeze atributul alt, care specifică textul pentru o imagine);
Acest lucru nu este toate etichetele necesare pentru a crea pagina web proprie, dar ele sunt suficiente pentru a pune bazele HTML pentru începători.
CSS
dezvoltarea limbajului HTML a condus la faptul că greutatea fiecărei etichete obzavolsya atribute, precum și cerințele pentru apariția paginilor web înseamnă a crescut substanțial. Codul a devenit greoi și incomod, a fost dificil să-l citească, să nu mai vorbim de a se adapta sau de schimbare. În plus, atunci trebuie să transpire, schimbă în fiecare mână în cazul în care site-ul dvs. de zece pagini, pe care o mulțime de titluri, marcate în verde, și dintr-o dată ai vrut să le facă roșu. Odată cu apariția Cascading Style Sheets, acest proces a devenit simplu și logic, iar codul HTML a devenit mult mai ușor de citit.
aplicarea CSS
Pentru a crea pagini web, trebuie să cunoască elementele de bază ale HTML si CSS, deci este acum fără cunoștințe de foi de stil în cascadă pentru a face în acest domeniu nu este nimic. Ei au stabilit atribute pentru fiecare element, care se aplică întregului document. Astfel, puteți seta culoarea dată pentru toate elementele
Pentru a conecta fișierul css la document, există o legătură etichetă. Puțin mai sus, a descris principiul utilizării sale, dar aceasta nu este singura opțiune care combină toate stilurile într-un singur loc. Există tag-ul