Proiectele de bază și utilizarea limbii HTML. Tutorial "Crearea paginilor web HTML Limbă"
HTML - un limbaj de marcare hipertext care a făcut Internetul așa cum o cunoaștem și o iubim. Este datorită acestui instrument minunat că site-urile arată frumos și modern, și asigură, de asemenea, confortul de a le folosi. Limba HTML Pur și simplu elemente de pagină web la o opțiune ușor de utilizat. Munca sa este comparabilă cu ceea ce face MS Word sau OpenOffice. Ei transformă masa fără probleme a literelor într-un document în care există paragrafe, textul îndrăzneț, italice, tabele și chiar imagini. Aproximativ același lucru face limba HTML, cu singura diferență că documentele sale sunt afișate în browser, iar posibilitățile acestui instrument sunt mult mai largi decât cea a editorului de text. Etichetele sunt utilizate pentru markup - comenzi speciale care descriu structura paginii web. Ele sunt închise în paranteze unghiulare -<тег>Astfel încât browserul să le distingă de greutatea totală a textului. Apoi, luăm în considerare fundamentele HTML pentru începători.
Editori vizuali
Newbies, tocmai a tras pe calea studiului HTML, încep de multe ori munca lor cu programe care vă permit să creați site-uri fără cunoștințe. Puteți pur și simplu să plasați elemente pe ecran deoarece acestea vor fi afișate în browser. Se pare că el este sursa harului veșnic, permițând să scape de majoritatea dezvoltatorilor web. Dar nu totul este atât de simplu, deoarece editorii vizuali au o mulțime de deficiențe care fac imposibilă utilizarea utilizării lor în proiecte grave.
Toate aceste programe creează o mulțime de etichete inutile care fac ca versiunea finală a paginii greoaie și non-optimă. Desigur, în epoca noastră de internet de mare viteză, acest lucru are o importanță mai mică decât înainte, dar există o serie de motive pentru care un site concis și scris în mod competent este obținut mai practic decât colegul său creat în editorul vizual. Pagina web făcută într-un astfel de program va fi rea prelucrată căutați roboțiDeoarece fiecare cod Kilobyte este important pentru ei, iar codul voluminos și ilogic cu o grămadă nu este greu de gust necesar. În plus, editorii sunt adesea în urmă, devenind irelevant și de a cheltui resursele asupra dezvoltării lor inepidențiale, deoarece nici un profesionist nu utilizează aceste produse. Prin urmare, toți cei care dorește să lucreze în domeniul creației de șantier ar trebui să cunoască fundamentele HTML.
Etichete
După cum sa menționat mai sus, etichetele descriu browserul de structură a paginii web. Cele mai multe dintre ele au o etichetă de deschidere și închidere, dar nu toți. De exemplu,
Există, de asemenea, etichete unice care nu trebuie să se închidă. Conținutul este în interiorul lor, precum și pot fi înregistrate pentru majoritatea etichetelor HTML și stabilește proprietățile elementului. Se face referire la eticheta de deschidere și arată ceva de genul acesta: atributul \u003d "...", unde valoarea atributului în loc de puncte este valoarea atributului. Etichetele de cunoștințe sunt primul și cel mai important pas pentru mastering HTML. Fundațiile acestei arte implică, de asemenea, o înțelegere a structurii paginii web.
Structura documentelor
Fiecare document HTML are o extensie corespunzătoare, de exemplu, index.html. Deci, browserul va putea să înțeleagă ceea ce se ocupă și să afișeze corect pagina. Toate fișierele utilizate pentru a crea un site sunt de dorit să stocheze într-un singur director, ceea ce va face mai ușor viața pentru dvs. Elementele de bază ale hipertextului HTML al aspectului HTML sugerează o înțelegere clară a structurii documentului. El începe cu etichetăRaportarea versiunii browserului HTML, care este utilizată în acest document. În prezent, cea de-a cincea versiune a limbii este relevantă, astfel încât nu este nevoie să inventați nimic, puteți introduce în siguranță eticheta de mai sus în partea de sus a oricărei pagini.
Apoi, ele merg în structurile principale de pereche care alcătuiesc "scheletul" site-ului. Prima etichetă în care toți ceilalți sunt încorporați - .... Tot ceea ce este în afara acestuia nu este recunoscut de browser ca o pagină web, deci deschide documentul și îl închide. Această etichetă este obligatorie pentru orice document. De asemenea, conține câteva etichete mai obligatorii care vor fi discutate mai jos.
Cap.
Interiorul etichetei
... conține informații tehnice care nu vor fi afișate pe pagină, dar, totuși, este o parte importantă hTML Document.. Elementele de bază ale site-ului sunt așezate în acest loc, codarea este selectată aici și este introdusă pagina de nume. Acesta este cuprins în interiorul etichetei obligatoriiLEGĂTURĂ.
Cunoașterea fundamentelor HTML implică, de asemenea, utilizarea stilurilor de design cascadă sau CSS. Acestea au stabilit proprietățile elementelor care vor fi afișate pe pagină. Abordarea modernă a acestei sarcini implică impunerea unor astfel de caracteristici ca culoarea, înălțimea și locația elementului, la fișierul extern pentru o mai mare comoditate. Eticheta este utilizată pentru a conecta fișierul CSS . În forma finită se pare că: În cazul în care Href indică locația fișierului și tipul este pe tipul său.
Corp.
În această parte a documentului HTML este creat o parte vizibilă a paginii. Tot ceea ce se face în interiorul "corpului" va fi afișat un browser. ÎN
A folosit un număr mare tag-uri HTML.. Fundațiile sunt formatarea textului, care lucrează cu referințe și instrumente simple pentru a structura o pagină web. Pentru a lucra în HTML, este suficient să știți etichetele principale și să le puteți folosi. Mai jos sunt cele mai populare dintre ele:- - Se utilizează pentru a evidenția substringul la care va fi distribuit stilul special descris în CSS;
- - Creează un link către pagina web; Adresa de tranziție este setată de atributul HREF;
- - una dintre cele mai populare etichete ale modernității; Oricine a decis să studieze fundamentele limbajului HTMLL, ar trebui să-i acorde o atenție deosebită, deoarece este un element de bloc bazat pe cota leului de situri moderne (parametrii pentru blocuriSetați în CSS și alte blocuri pot fi amplasate în interiorul acestei etichete);
Evidențiază paragraful din text; Conținutul paragrafului este între etichetele de deschidere și închidere;
- - o listă numerotată, elementele care sunt eticheta perechii
- - listăÎn care, precum și în numerotate, elementele sunt denumite prin etichetă
-
- anteturile de documente (cifre indică nivelul antetului, adică
- titlul principal, iar opțiunile ulterioare sunt subtitrările sale, la pozițiile la nivel
,
Este aproape imposibil să se întâlnească pe Internet), este, de asemenea, important să ne amintim că numai un singur titlu poate fi pe pagină
;
- - thumbnail;
- - italice;
- - Introduceți imaginile de pe pagina Internet (aceasta este o singură etichetă, nu necesită închidere, dar este necesar să specificați atributul ALT, ceea ce indică textul imaginii);
Acestea sunt departe de toate etichetele necesare pentru a vă crea propria pagină web, dar ele sunt suficiente pentru a pune bazele HTML pentru începători.
Css.
Dezvoltarea limbajului HTML a condus la faptul că fiecare etichetă are o masă de atribute, iar cerințele pentru apariția paginilor web au crescut semnificativ. Codul a devenit voluminos și incomod, era dificil să o citești, să nu-l adaptezi sau să o schimbe. În plus, dacă există zece pagini pe site-ul dvs., pe care multe titluri marcate cu verde și brusc ați vrut să le faceți roșii, va trebui să transpirați, schimbându-vă fiecare manual. Odată cu apariția foilor de stil cascading, acest proces a devenit simplu și logic, iar codul HTML a devenit mult mai ușor de citit.
Aplicație css.
Pentru a crea pagini web, trebuie să cunoașteți fundamentele HTML și CSS, deoarece acum nu există nimic de-a face în această zonă de mese de cascadă în această zonă. Acestea sunt atribute pentru orice element care se extinde la întregul document. Astfel, puteți seta imediat culoarea pentru toate elementele.
Pentru a conecta fișierul CSS la document, există o etichetă de legătură. Un pic mai mare a fost descris de principiul utilizării sale, dar nu este singura opțiune de a combina toate stilurile într-un singur loc. Există, de asemenea, o etichetă
© 2021 Toate drepturile rezervate
Ghidul dvs. mobil. Operatori. Sfat util