itholoinfo.com.com

Cum se scrie o pagină în HTML

HTML (HyperText Markup Language) este un limbaj de bază folosit în dezvoltarea paginilor web. A fost creat pentru a fi un limbaj simplu și flexibil de codificare. Practic toate paginile de Internet sunt dezvoltate cu unele variații ale acestei codări (ColdFusion, XML, XSLT). Cu introducerea de bază a acestui articol, vă puteți extinde cunoștințele cu orice alt wiki de pe acest site. De asemenea, căutați articole în afara acestui site pentru a rămâne actuale.

pași

Scrierea unei pagini HTML

1
Înainte de a începe oricare din etapele următoare, citiți textul Materiale necesare.
  • 2
    Materialele și cunoștințele necesare înainte foarte implicate:
    • Etichetele sunt importante. Ce sunt etichetele? Etichetele sunt piese de text care facilitează înțelegerea între oameni și mașini. Atunci când sunt utilizate în HTML, etichetele sunt păstrate în paranteze. Acestea pot avea atribute care vor descrie mai bine lucrurile la calculator și la utilizator. Funcționează la fel ca atunci când un link are un atribut care ar fi apelat href, care determină la care pagină doriți să faceți clic pe acest link.Format: verdeAproape toate etichetele trebuie să fie închise cu o etichetă cu același nume, cu o tăietură în dreptul numelui lor, după cum se vede mai sus. Există câteva excepții, cum ar fi etichetele META sau DOCTYPE.
  • 3
    doctypes
    • În mod obișnuit, majoritatea paginilor web sunt descrise de doctypes. Ele vă ajută să identificați codificarea, precum și modul în care pagina trebuie interpretată de browser. Cele mai multe pagini vor funcționa fără ele, dar ele sunt necesare dacă doriți să validați pagina cu (Acestea ajută la reglarea diferitelor tipuri de codare pe internet și modul în care acestea trebuie / pot fi utilizate). Un DOCTYPE pentru versiunea 4.01 a HTML poate fi văzut mai jos:Format: verde Acesta este unul dintre doctypes mai frecvent pe paginile web. În primul rând, acesta specifică tipul de pagină care descrie html-ul și apoi oferă definiția publică a tipului de codificare a paginii. În cele din urmă, acesta oferă locația DOCTYPE care descrie cel mai bine pagina în browser.
    • Există diferențe în tipurile HTML (versiuni diferite dezvoltate de-a lungul anilor), cum ar fi utilizarea unor etichete sau etichete specifice. Unele etichete sunt învechite (inutilizabile pentru etichete mai bune și mai utile).
    • Așa se întâmplă în prezent cu etichetele și , deoarece ele sunt mai utilizate în decorarea textului, și nu ca o specificație și, prin urmare, alte etichete și-au luat locul. Eticheta înlocuiește locul , la fel ca eticheta înlocuiește locul .
    • Acest lucru este important, deoarece etichetele anterioare au fost înlocuite cu etichete care reprezintă mai mult decât formatarea. Dacă textul este tradus, semnificația textului rămâne aceeași, nu doar formatarea. Este corect din punct de vedere semantic.
    • De la versiunea 2.0 a XHTML, etichete și au început să fie considerate învechite, precum și ultimele 3 versiuni ale HTML.
  • 4
    "Regulă de încapsulare" a codului HTML.
    • Acum, să vedem cele mai importante etichete folosite. Pe măsură ce este construită o pagină, există o structură de bază pentru aceasta. Când se deschide o etichetă, trebuie să fie închisă. Întregul aspect trebuie să respecte această regulă. Iată un exemplu valabil pentru un aspect XHTML:Format: verde
    • Toate sistemele de codare au construit un exemplu de cod, arătând ce este nevoie pentru a obține acest limbaj de codificare pentru a crea un mesaj Bună ziua. Acesta este așa-numitul test Bună ziua.


  • 5
    Antetul (antetul)
    • Antetul paginii web este conținutul care există între etichetă . Acest conținut nu este vizibil pentru utilizator (cu excepția titlului, care este evident afișat în titlul paginii). Informația se află între etichete , care pot fi multe alte etichete, cum ar fi:
      • Eticheta META, utilizată pentru a specifica informații text care ajută motoarele de căutare sau alte utilități.
      • Eticheta LINK, care oferă o conexiune la documente, cum ar fi foi de stil (CSS).
      • Eticheta SCRIPT, care poate fi aproape orice codificare web integrată sau accesată de la distanță (într-un document separat) de pagină.
      • Eticheta STYLE, care este în principiu o foaie de stil care a fost programată direct pe această pagină particulară, între aceste etichete.
      • Eticheta TITLE, care oferă un titlu care este plasat în bara superioară a browserului sau, ca Firefox, care este, de asemenea, afișat pe fila.
    • Iată o demonstrație a unora dintre aceste etichete într-o mostră de antet preluată de pe acest site (au fost condensate):Format: verde Dacă nu ați observat, am luat o etichetă și am tăiat orice informație reală. Este ceva bine condensat și aproape orice etichete în care poți rămâne cu excepția unui comentariu HTML (vom discuta acest lucru în etichetele de bază).
  • 6
    Etichete de bază peste tot
    • Hai să continuăm și să vorbim despre niște etichete pe care le-am discutat deja și pe altele. Fiți atenți la utilizarea lor și amintiți întotdeauna regula de aur, "încapsulare".
      • Format: verde Faceți textul să apară care este mai proeminent, nu că este îndrăzneț.
      • Format: verde utilizează scăderea dimensiunii fontului cu o singură dimensiune, comparativ cu textul obișnuit. Dimensiunea fontului este măsurată în unitățile standard de la 1 la 7, iar dimensiunea normală a textului este de 3 în mod implicit.
      • Format: verde Definește un bloc de text formatat. Acest text este, de obicei, tastat cu un font în spațiu unic și cu toate semnele între cuvinte.
      • Format: verde Subliniază textul nu ca un stil, ci în sens.
      • Format: verde Creează un text strivit care a fost considerat evidențiat.
      • Format: verde subliniază textul pentru a arăta că a fost adăugat - uneori imediat după utilizarea etichetei .
      • Format: verde Una dintre numeroasele taguri antet existente. Toți au un "h" în ele, dar numărul poate varia - închideți doar eticheta cu același număr de antet.
      • Format: verde Definește un grup de propoziții care sunt adunate ca un paragraf.
      • Format: verde Spre deosebire de alte etichete, conținutul pe care doriți să-l afișați într-un comentariu HTML trebuie să se afle în cadrul comentariului. Această informație poate fi văzută numai când codul sursă este vizualizat direct într-un editor de text.
      • Format: verde Setează un text care a fost citat dintr-o sursă, iar fontul poate fi descris cu o etichetă .
      • Aceasta nu este o listă completă: Pentru mai multe informații, accesați HTML Dog pentru o imagine de ansamblu a diferitelor etichete care există.
    • Din nou, cunoștințele pe care le oferă aici nu sunt singurul loc de învățat - vizitați site-ul sugerat pentru a găsi un ghid excelent pentru numeroasele etichete existente, precum și explicații și exemple bune.
  • 7
    Construirea unui cadru informațional
    • Paginile sunt create pentru a stoca datele într-un set simplu de etichete, astfel încât să putem avea anteturi despre aceste informații în paragrafe. Computerul înțelege doar ce date există, dar nu că totul se conectează unul cu celălalt. Calculatorul nu cunoaște contextul sau relația dintre idei. Nu are așa ceva creier. Trebuie să construim pagini HTML receptive pentru a ajuta computerul să înțeleagă o relație de conținut pentru fiecare secțiune împărțită. Acest lucru poate fi atins prin eticheta numită
      . Vă ajută să construim o mulțime de pagini pe care le vedem astăzi. Se aplică stilurile de stil CSS și este mai ușor decât tastarea unor tabele de coduri mari pentru a crea un aspect.
      • Format: verde Această etichetă este specială, deoarece poate fi stilizată cu ușurință și poate fi utilizată pentru a separa blocurile de informații într-un mod pe care atât utilizatorul, cât și computerul îl pot înțelege.
    • Să aruncăm o privire la un aspect HTML foarte simplu, care include utilizarea etichetei
    • Denumirea etichetelor
      vă ajută să găsiți mai ușor date și să creați stiluri atunci când utilizați CSS și jаvascript. HTML va folosi o codificare diferită pentru a efectua sarcini precum CSS în stil și jаvascript pentru a crea interacțiuni mai bune și mai receptive la utilizatori.

    • sfaturi

    • Oamenii așteaptă următorul lucru mare de la pâinea tăiată, așa că inventați, creați designul sau codificați-l.
    • Nu te opri după ce ai citit acest lucru și nu te gândi că cineva te-a învățat totul. Există întotdeauna ceva nou de învățat, mai ales în această tehnologie incredibilă și dinamică.
    • Continuați să studiați și să aflați despre CSS, precum și despre jаvascript.
    • Ieșiți acolo și învățați, împrumutați materiale și analizați codurile.
    • După ce ați învățat multe lucruri despre toate acestea, începeți să studiați despre codificarea serverului.
    • Rețineți că unele etichete sunt deschise cu un <> și de aceea au nevoie de ele:

      (Paragraful) și
      (Line Break) sunt 2 exemple. Alte etichete sunt deschise cu <> și au nevoie de a să fie închis.

      sunt exemple.

    avertismente

    • Rețineți că codul HTML este doar o codificare a conținutului. Aceasta înseamnă că HTML este doar pentru stocarea conținutului într-un format universal. Modificările aduse prezentării dvs. ar trebui făcute printr-o altă codificare, cum ar fi CSS. Aceasta înseamnă, de asemenea, ființă Semantic corect, chiar dacă alții nu o recunosc. Alte limbi ajută la crearea paginilor web (CSS, jаvascript și XML). HTML este destinat să construiască conținut. Corecția de prezentare este scopul Java și CSS.

    Materiale necesare

    • Un editor de text care suportă codarea ANSI
    • Un browser web ca Internet Explorer sau Mozilla Firefox
    • (Opțional) Un editor HTML wysiwyg sau wykiwyg, cum ar fi Adobe Dreamweaver, Aptana Studio sau Microsoft Expression Web

    Surse și cotatii

    Afișați mai multe ... (3)
    Distribuiți pe rețelele sociale:

    înrudit
    » » Cum se scrie o pagină în HTML
    © 2021 itholoinfo.com.com