Selectați care vizualizare se potrivește cu HTML-ul dvs. Limbajul HTML
Bună prieteni. Cu acest articol vreau să public o serie de lecții și materiale dedicate programării HTML hypertext markup.
Această serie de articole va fi actualizată la prima lecție de artă. Voi descrie în detaliu problemele tehnice specifice cu care ne confruntăm în interacțiunea cu alte tehnologii, deoarece Cu internetul nostru mare și puternic, totul începe și funcționează într-un complex. Ei bine, să terminăm prima lecție, da?
Deci, este clar cum să acordați atenție pentru a face clar ce să faceți și ce să faceți.
Ce este HTML?
HTML(" Limbajul de marcare hipertext") - Acesta este marcajul pentru hipertext. Bine, grozav, dar care este acest aspect și ce fel de hipertext este acesta? Ei bine, să luăm lucrurile în ordine. In fata noastra la acest tip Recunoaștem textul pe care îl avem inițial, indiferent de ce text este pe computerul nostru. Ce înseamnă marcarea textului? Ei bine, aici este simplu, este mai banal decât formatul, ca aici:
Hmmm... de ce sunt neapărat? M-au băgat acolo, nu?
Oooh, cât de important sunt, doar puțin gras.
Nu viața, ci una alb-negru
- Și așa mai departe.
Acesta este exact același cu fundul acelorași marcaje, pe care le-am sortat de aici. Ce este atât de hipertextual la acest text și HTML? Ei bine, să începem cu istoria limbii:
Departe, departe de rock din 1986...
Credeai că voi spune tuturor totul? Heh... Vă voi împărtăși la final materialul pe care l-am trimis, ca să puteți cunoaște mai detaliat istoria acestuia. Arta nu este gumă, dar consistența este sora talentului... ei bine.
De ce să numim limbaj hipertext? Prin urmare, ceea ce vă permite să vă implicați o singură măsură Fără documente personale, internetul este disponibil pentru hiper-putere suplimentară. Cred că îți voi explica că nu voi fi atât de puternic, se pare că ai intrat pe blogul meu făcând clic pe o notă similară.
Prodovzhimo...
Ce sunt etichetele în HTML?
Etichetele sunt etichete din codul paginii care sunt folosite pentru a indica browserului că acesta este responsabil pentru afișarea site-ului dvs.
Toate etichetele sunt în noul format: mirosurile încep cu un semn<» и заканчиваются знаком ">".
De regulă, toate etichetele sunt scrise în 2 formate. eticheta de acoperire: si inchidere: . Cel cu bara oblică de închidere este „/”.
Toate spațiile dintre etichete care se deschid și se închid și în locul etichetei.
HTML are, de asemenea, etichete care se deschid și se închid. Aceste etichete nu coincid cu textul, ci cu etichetele, de exemplu, rândul mutat arată astfel:
.
Ei bine, să clarificăm pe scurt că acesta este HTML. Deci, cum poți începe să practici yoga? Pentru cine este necesar să învețe și să scrie?
HTML este doar etichete și nimic altceva decât etichete. Pentru a adăuga HTML, trebuie să citiți diverse etichete și să începeți să creați pagini web folosindu-le.
Lăsați articolele mele pe acest subiect să vă ajute în acest sens. Oh, nu voi uita toată istoria.
site-ul Drepturile asupra conținutului au fost confiscate.Nu vom intra în detaliu despre istoria HTML-ului, dar să trecem imediat la punctele principale. HTML este baza oricărui site web! Odată ce ați început site-ul dvs. web, trebuie să începeți de la zero. Nu este nimic grav aici. Poți stăpâni această tehnologie ABSOLUT FĂRĂ PIELEA TA!
Vreau foarte mult să respect faptul că aceasta nu este programarea limbajului, ci marcarea limbii.
De ce este ușor de citit HTML?
Pentru a vorbi fluent engleza, nu trebuie să știi toate cuvintele în engleză. Așadar, aici, trebuie să înveți acțiuni din etichetele principale și să înveți să lucrezi cu ele. Și nu vei mai putea să-ți exersezi și să-ți exersezi abilitățile.
Să trecem la dezvoltarea acestei tehnologii costisitoare și acum simple.
Puțină teorie...
Fiecare pagină este formată din etichete. Deci pagina într-adevăr nu arată ca ceea ce am numit-o, ci constă în impersonalitatea etichetelor, ale căror skin-uri joacă un rol semnificativ.
Arată ca un zid mare cu tseglinka. Deoarece totul este așezat frumos pe el, atunci întregul perete arată frumos. Prin urmare, atunci când scrieți structura paginii, este necesar să acordăm atenție etichetei skin, care este „punctul” pentru viitoarea noastră pagină.
Ce este eticheta HMTL?
Un element HTML pentru lateral, care este altfel integrat în afișarea și aspectul lateral. Este greu de înțeles în cuvinte, așa că trebuie să te minunezi imediat de practica de a apela la cod. Uimește-te de imaginea de mai jos:
Aceasta este structura celei mai simple povești. Și axa sunt cuvintele repetate în arcele din trei piese - acestea sunt etichetele. Dacă deschideți un editor de text și scrieți acest cod, apoi îl salvați în format HTML, veți avea o latură HTML. Încă nu înțelegi ce este HTML? 🙂
Din această structură, puteți adăuga acele etichete care pot fi în mod necesar prezente. Etichetele Tse:
- si inchidere
- si inchidere
- si inchidere
Pentru orice eventualitate, le-am văzut în culoarea portocalie în imaginea de mai jos:
Tot ce scriem între etichete
і Nu ne interesează site-ul nostru. Aceste etichete pot anunța browser-ul despre codificare, despre titlul paginii noastre, aici pot include diverse stiluri, scripturi și așa mai departe. Veți învăța totul din lecțiile următoare.Și axa sunt toate etichetele, care sunt scrise între etichete
і, Având în vedere acest lucru, să-l integrăm în structura paginii noastre HTML.Ei bine, HTML a devenit mai inteligent? 😉 Ale nu ne mișcăm și ne prăbușim mai departe...
Unele etichete pot fi eticheta care se închide sau nu. Etichetă la fund
є etichetă de închidere. După cum probabil ați ghicit deja, etichetele sunt închise pentru a ajuta orezul bolnav.Este foarte important să fii atent la deschiderea și închiderea etichetelor. Nu au existat scutiri. Este posibil ca browserul să nu afișeze eroarea, iar structura pe axă a paginii dvs. va fi incorectă și vor apărea probleme mari la continuarea lucrărilor cu stilurile (din perspectiva exterioară). Deoarece eticheta este o etichetă de închidere, este obligatoriu să fie prezent în locul corect.
Să aruncăm o privire la modul în care NU trebuie să închideți etichetele și în ce ordine trebuie să lucrați. Exemplu de două etichete:
COD HTML corect
Cei pe care îi vezi mai mult Aceasta este ordinea corectă de scriere a etichetelor care sunt închise. Poate aceasta este situatia
LAPTE ÎN COD HTML
Deci, închideți etichetele apărat categoric!
Exersați pentru a înțelege ce este HTML...
Este mai bine să știți că HTML este posibil și în practică. În acest scop, puteți utiliza orice editor de text. Scrie un blocnotes. De asemenea, recomand să utilizați Notepad++, deoarece există mai multe funcții pentru lucrul cu HTML. Îl poți vrăji cu ușurință în Notepad++. Acest editor are toate capabilitățile de a crea și edita pagini HTML.
Să vedem. După deschiderea programului, veți vedea asta la sfârșit:
Pentru a crea o pagină HTML, trebuie să introduceți „corpul” paginii la sfârșit. Puteți copia textul de mai jos și doar să-l lipiți. Este mai bine să intri cu mâinile. În acest fel, vă puteți aminti și reaminti etichetele mai rapid.
Ei bine, s-ar putea să ajungi cu ceva de genul acesta:
Apoi trebuie să salvați această pagină în format HTML. În acest scop, în meniul „Fișier”, există în relief „Salvare ca...”. Introduceți numele paginii HTML. L-am numit index.html. Apoi pur și simplu îl salvăm manual pe computerul nostru. Odată ce vedeți evidențierea etichetelor HTML, editorul Notepad++ înțelege că acesta este un document HTML. Și este mult mai plăcut să lucrezi cu lumânări.
І se traduce prin „marcaje de limbă pentru hipertext”. Hipertextul este o metodă specială de navigare a paginilor de Internet și de implementare a mesajelor hipertext. Pe măsură ce urmați aceste instrucțiuni, puteți naviga cu ușurință prin structura site-ului. Tranzițiile în mediul tău nu sunt, deci, liniare. Veți putea întotdeauna să mergeți în orice parte a site-ului, așa cum este menționat în acest moment.
Sunt luate în considerare regulile și puterea care sunt învestite elementelor site-ului. Mirosurile sunt realizate ca așa-numitele etichete. De exemplu, pentru a indica faptul că textul de pe pagină trebuie să fie întins în centru, acesta poate fi indicat prin eticheta centrală. Puteți accesa codul HTML pentru o anumită pagină prin meniul contextual. De exemplu, pentru a accesa acest cod în browserul Firefox, trebuie să faceți clic dreapta între pagini și să selectați elementul „Codul paginii Earth”.
Cum funcționează codul HTML?
Codul HTML este un set de etichete scurte cu elemente de pagină care se potrivesc în ele. Tot acest cod este salvat într-un fișier cu extensiile .html sau .htm. Când deschideți un astfel de fișier în browser, codul este interpretat de acesta, iar partea laterală a vederii finite este vizibilă în fereastra programului. Cunoscând limbajul de marcare HTML, puteți crea un site web nou așa cum ați dori o persoană.Care sunt etichetele?
Etichetele sunt structuri adiacente în mijlocul codului HTML. Textul principal este situat în mijlocul arcadelor „”. Etichetele pot fi adăugate la codul HTML al aproape oricărei pagini. Etichetele în sine nu sunt afișate pe pagini; pe ele este afișat un anumit element, care este codul din spatele etichetelor suplimentare. De exemplu, dacă există o imagine pe pagină, aceasta înseamnă că codul HTML conține eticheta img.Interfață HTML
Indiferent de faptul că codul HTML vă permite să accesați o pagină hipertext clară, acesta are propriile limitări. Atunci paginile care includ un astfel de cod sunt statice. Au dinamică zilnică, efecte speciale și alte capacități. Cu toate acestea, ele pot fi adăugate în alte limbaje, cum ar fi Java Script. Este important ca majoritatea site-urilor web de astăzi să fie create cu ajutorul unor videoclipuri suplimentare pentru a le face mai vii și mai interactive.Pe fiecare site există un aspect extern și o funcționalitate diferită, dar cu ce este conectat și care este pagina mea? Pentru orice, sunt folosite foi de stil în cascadă și limbajul HTML. Vă puteți uita singur la codul acestui film dacă inspectați obiectele din browser. Vom vorbi despre același HTML în acest articol.
Articolul nostru se adresează în primul rând noilor veniți, așa că sperăm că cititorii obișnuiți ai blogului îl vor aprecia!
Postarea va fi împărțită în următoarele puncte:
Ce este partea HTML?
Aspectele noastre sub numele HTML sunt folosite pentru a proiecta toate elementele paginii, inclusiv tabelul, afișajul și textul. Puteți să vă familiarizați cu codul și să încercați să-l înțelegeți, dacă utilizați orice browser actual, faceți clic dreapta pe mouse pe pagină și în meniu faceți clic pe rândul „Cod de ieșire a site-ului” sau „Cod HTML”. După aceasta, veți merge la scriptul editorului, care conține o mulțime de scrieri și simboluri stupide, chiar codul HTML în sine.
Fiecare document WWW are formate și text frumos proiectat, precum și imagini super-puternice, așa cum a ales Vlasnik pentru site. Pentru a lucra cu aceste elemente, programele au creat un limbaj numit HTML (Hyper Text Markup Language), care în traducere înseamnă un limbaj de marcare pentru hipertext. Fiecare browser are propriul mod de a afișa HTML și diferite browsere îl afișează diferit, în special versiunile mai vechi de Internet Explorer.
Toate documentele HTML sunt similare - este un fișier text standard care conține etichete pentru marcarea limbii împreună cu textele care sunt citite pe site. O pagină este creată în spatele etichetelor suplimentare și browserul însuși le citește dacă este activat. Folosind etichetele corespunzătoare și designul acestora, puteți plasa articole și alte materiale pe aceeași pagină a paginii, puteți adăuga fișiere grafice și fotografii, precum și conținut pe alte pagini ale site-ului. Inițial, un fișier HTML nu este un document web; nu poate fi citit de un browser.
Evident, codul HTML standard are dezavantajele și dezavantajele sale. Va trebui să munciți din greu pentru a plasa paragrafe cu text pe margine și, de asemenea, pentru a efectua marcarea și a decide că va trebui să scrieți aceleași reguli pentru tot textul, inclusiv pentru fiecare paragraf din jur. Dacă site-ul dvs. are 50 de pagini și 10-20 de paragrafe pe pagină, va trebui să formatați textul într-un timp îndelungat și să introduceți imediat aceleași etichete. Acest lucru nu numai că afectează site-ul, dar apare și negativ pe paginile site-ului. Apoi au creat foi de stil în cascadă, ele se numesc pe scurt CSS, ceea ce înseamnă Foi de stil în cascadă, astfel încât să puteți formata rapid textul cu ele. Puteți să adăugați o etichetă și să setați caracteristicile acesteia, cum ar fi culoarea textului, dimensiunea, fontul etc., apoi să o reduceți la paragrafe. În acest caz, fișierul care conține foaia de stil este salvat separat și poate fi încărcat pe un site sau odată. În continuare, elementele principale ale paginii sunt scrise în HTML, iar textul este inserat, apoi este inclus CSS și tot textul primește designul de care aveți nevoie. De asemenea, valoarea paginilor scade, ceea ce este și mai important. 
Utilizarea CSS este utilă, deoarece există o mulțime de pagini pe site care vor necesita un nou design. Puteți seta aceeași formatare a textului pentru toate paragrafele scriind un număr de rânduri în document cu cod CSS. Înainte de crearea site-ului, designerii de aspect creează aspectul HTML de bază, concentrându-se pe aspectul creat în Photoshop. Dacă site-ul dvs. pare neterminat, trebuie să creați un nou aspect atractiv și să utilizați foi de stil în cascadă. Este dificil de învățat, deoarece aveți mult timp liber, deoarece toate site-urile au aproximativ același aspect, puteți crea un aspect cu mai multe blocuri și îl puteți „ajusta” pentru a se potrivi cu alte site-uri. De regulă, foile de stil în cascadă necesită mai mult CSS și este și mai dificil să dispuneți un site pe blocuri, mai degrabă decât pe tabele. În plus, în etapele inițiale, puteți întâlni o problemă, cum ar fi modul în care site-ul este afișat diferit în browsere. Pentru a nu pierde timpul și a câștiga bani pe site-uri, a fost creat un CMS - layout-uri de site gata făcute care pot fi gratuite sau plătite și cu un sistem de management separat.
Ce este HTML5? Distincții și avantaje
Noul standard HTML5 ajută proprietarii de site-uri web și elimină nevoia de a utiliza formatul Adobe Flash și alte programe. Conform acestui standard, puteți modifica afișarea textului pe pagini pentru a simplifica introducerea informațiilor la completarea formularelor electronice. Pentru a separa toate inovațiile din acest film, puteți vedea următoarele elemente:
- După ce vizitează site-ul, oamenii pot viziona videoclipul și pot asculta audio prin browser, pentru care există un buton de creare.
- Este mult mai ușor să încărcați fotografii noi prin aceasta, puteți crea o galerie de imagini. Nu veți avea niciodată șansa de a utiliza software de securitate suplimentar.
- Puteți determina locația textului și semnificația blocurilor de text. De asemenea, puteți forma minunat textul, astfel încât să fie mai ușor de citit.
- Anterior, în HTML4, o persoană marca acceptarea după introducerea datelor numai la trimiterea unui formular - apoi browserul anunță prompt despre acceptare dacă persoana completează incorect formularul. Acest lucru este foarte convenabil pentru proprietarii de afaceri, deoarece nu vor trebui să-și amintească aceleași date de multe ori.
- Nu este nevoie să schimbați modulele programului, deoarece cu ajutorul HTML5 puteți implementa orice doriți pentru site. Doar dacă site-ul este unic și trebuie să îl înțelegeți mai ales, instalați module suplimentare de program.
- Anterior, oamenii nu puteau vizualiza în mod normal un site web prin intermediul unei tablete sau smartphone, deoarece standardul HTML4 nu funcționează bine cu browserele pentru dispozitive mobile și alte sisteme de operare. Cu ajutorul limbajului HTML5, sunt create pagini care sunt ideale pentru toate dispozitivele de mare viteză.
Daca ti-ai pierdut mancarea, scrie-le in comentarii, evident ca suntem multumiti de ele!
La crearea unui site web, primul lucru care trebuie prezentat este modul în care se formează pagina web. Acesta este un fel de „fundație” pentru site. Prin urmare, în primul rând, este recomandat să înveți o înțelegere de bază a HTML. De la a cărui lecție învățăm HTML, Hai să aruncăm o privire Structura documentului HTML iar pe funduri practice cunoștințele dobândite sunt bine fixate.
Ce este HTML?
HTML reprezintă limbajul de marcare hipertext (HyperText Markup Language). Această limbă vorbește pentru modul în care hipertextul în sine este afișat pe părțile laterale ale site-ului. Acum să ne dăm seama ce este hipertextul? Nu este un secret pentru nimeni că un site web poate conține o mulțime de tipuri diferite de informații, text, tabele, grafice, videoclipuri, audio etc. Deci, toate aceste informații pot fi numite într-un singur cuvânt - hipertext.
Este important ca HTML să fie aspectul meu și nu programarea mea. Această mașină nu are funcțiile logice obișnuite și este imposibil să se dezvolte calcule matematice cu ea. Poveștile HTML pot fi extinse .html sau .htm Sunt disponibile în browsere - IE, Mozilla Firefox, Google Chrome, Yandex Chrome, Opera și altele.
Acum să ne dăm seama cum înțelege browserul ce și cum să-l afișeze pe o pagină web? Este atât de simplu. Când marcați hipertext HTML, puteți utiliza comenzi numite etichete. Browserul în sine este orientat.
Structura documentului HTML
Orice document HTML (site web) este de vină pentru structura sa. Acest lucru vă va permite să evitați posibile probleme ținând browserele deschise. Ca exemplu, să aruncăm o privire la partea laterală pentru a afișa următorul cod HTML:
Structura documentului HTML ...