gtemata.com

Cum se scrie o pagină HTML

HTML (HyperText Markup Language) este un limbaj de bază pentru dezvoltarea paginilor web. A fost creat pentru a fi un limbaj de programare simplu și flexibil. Aproape toate paginile de pe Internet au fost dezvoltate cu o formă de codificare (ColdFusion, XML, XSLT). Cu introducerea elementară descrisă în acest articol puteți să obțineți elementele de bază ale codului HTML și să vă extindeți competențele utilizând celelalte ghiduri wikiHow. Cu toate acestea, consultați alte tutoriale online pentru a vă ține la curent.

paşi

Scrieți o pagină HTML
1
Înainte de a începe cu următorii pași, este mai bine să citiți secțiunea Lucruri de care ai nevoie.
  • 2
    Iată ce trebuie să știți înainte de a intra în subiect:
  • Etichetele sunt importante. Ce este? Acestea sunt fragmente de text care facilitează înțelegerea oamenilor și a mașinilor. Etichetele sunt închise în paranteze atunci când sunt utilizate în HTML. Uneori au atribute descriptive utile atât pentru computer, cât și pentru utilizator. Există un atribut numit href care specifică link-ul paginii care poate fi accesată făcând clic pe ea.
    WikiHow
    Majoritatea etichetelor trebuie să fie închise cu o etichetă cu același nume precedată de o tăietură, ca în exemplul de mai sus. Există câteva excepții, cum ar fi etichetele META sau DOCTYPE.
  • 3
    DOCTYPE
  • De obicei, majoritatea paginilor web sunt identificate de etichetă DOCTYPE. Ajută la identificarea codului așa cum este interpretat de browser. Majoritatea paginilor funcționează și fără această etichetă, dar este necesară obținerea validării Consorțiului World Wide Web. Acest consorțiu ajută la reglarea amplorii diferitelor tipuri de codare pe Internet și specifică modul în care acestea pot / ar trebui utilizate. Un DOCTYPE pentru versiunea HTML 4.01 este prezentat mai jos:
    Este adesea folosit pe Internet. Specifică tipul de pagină "html", oferă apoi o definiție publică a codării paginii și, în cele din urmă, specifică poziția DOCTYPE care descrie cel mai bine pagina în browser.
  • Există diferențe între numeroasele tipuri de HTML dezvoltate de-a lungul anilor, de exemplu în utilizarea de etichete specifice. Unele sunt numite "depreciate", adică nu mai sunt folosite deoarece sunt înlocuite cu etichete mai utile.
  • Etichetele și sunt înlocuite cu alte etichete, deoarece acestea sunt folosite pentru a înfrumuseța textul, dar nu specifică caracteristicile acestuia. Eticheta înlocuiți, pe măsură ce îl înlocuiește.
  • Trebuie subliniat că etichetele anterioare au fost înlocuite cu altele care reprezintă mai mult decât formatarea. Dacă textul este tradus, semnificația acestuia rămâne neschimbată și nu doar formatarea acestuia. Este corect din punct de vedere semantic.
  • În versiunea 2.0 XHTML, etichetele sunt considerate ca fiind învechite, ca și în versiunea 3 a codului HTML.
  • 4
    "Regula de încapsulare" HTML
  • Să vedem care sunt cele mai importante etichete folosite acum. Când este construită o pagină, structura acesteia este foarte simplă. De fiecare dată când deschideți o etichetă trebuie închise. Întregul aspect trebuie luat în considerare. Acesta ar putea fi un aspect XHTML valabil:
    Bună ziua!
  • Fiecare sistem de coduri a construit un exemplu de limbă pentru scrierea mesajului Bună ziua. Este așa-zisul test Bună ziua.
  • 5
    Antet
  • Antetul unei pagini web este conținutul care există în etichetă . Acest conținut nu este vizibil pentru utilizator, cu excepția titlului paginii care este foarte evident. Informațiile din etichetă pot fi alte etichete, de exemplu:
  • Eticheta META, utilizată pentru a specifica informații text care ajută motoarele de căutare.
  • Eticheta LINK, care introduce o conexiune la documente, cum ar fi foile de stil (foile de stil) (CSS).
  • Eticheta SCRIPT, care conține codul la care pagina este accesată de la distanță.
  • Eticheta STYLE, care este pur și simplu o foaie de stil codificată direct pe acea pagină în cadrul etichetelor.
  • Eticheta TITLE, care oferă un titlu plasat în bara din partea de sus a browserului.
  • Vedem o demonstrație a unora dintre ele într-un exemplu de antet (extras), condensat, de pe acest site:
     ...
    Pentru a fi clar: toate informațiile reale din fiecare etichetă au fost eliminate pentru a le aduce împreună și pentru a face vizibile toate cele care pot fi conținute în antet, cu excepția comentariului (care va fi discutat în pasul dedicat etichetelor de bază).
  • 6
    Tag-ul de bază
  • Mergem înainte, acordând atenție utilizării lor și amintim încapsularea.
  • semnalează un text de o anumită importanță.
  • scade dimensiunea fontului comparativ cu textul obișnuit. Dimensiunea este măsurată de la o valoare cuprinsă între 1 și 7, textul normal fiind 3 în mod implicit.
  •  definește un bloc de text formatat. Acest text este în mod normal scris cu un singur font și cu spații între cuvinte.
  • subliniază textul, nu ca un stil, ci ca înțeles.
  •  pune o linie peste text pentru ao șterge.
  •  subliniază textul pentru a arăta că a fost adăugat, uneori imediat după etichetă .
  • este una dintre numeroasele taguri antet care există, toate cu "h" urmate de un număr. Eticheta trebuie să fie închisă cu același număr.
  • definește un grup de propoziții care sunt cuprinse într-un paragraf.
  • conține informații vizibile numai prin citirea codului sursă. Spre deosebire de alte etichete, conținutul comentariului HTML trebuie inserat în acesta.
  •  definește un text citat dintr-o sursă care poate fi descrisă de o etichetă .
  • Consultați site-ul HTML Dog pentru o examinare completă a etichetelor existente.
  • Acest site oferă, de asemenea, explicații excelente însoțite de exemple.


  • 7
    Construirea unei structuri
  • Paginile sunt construite pentru a conține date într-un set simplu de etichete pentru a avea anteturile care introduc paragrafele. Computerul înțelege doar că există date, dar nu poate ști că acestea sunt conectate una cu alta, deoarece nu este capabilă să relateze idei. Trebuie să construim pagini HTML împărțite în secțiuni care pot fi recunoscute de calculator, iar acest obiectiv este realizat prin utilizarea etichetei 
    , care ajută la construirea unei cantități mari de pagini. Acesta poate fi acceptat de foi de stil CSS pentru a evita tabele mari de cod pentru a crea un aspect.
  • acesta poate fi folosit pentru a separa blocurile de antet pentru a le face să fie ușor de înțeles atât pentru mașini, cât și pentru utilizatori.
  • Să ne uităm la un exemplu foarte simplu de aspect HTML care include utilizarea etichetei 
    .
    Bună ziua!
    Acesta este un text în div # contentOne.
    Un paragraf dintr-o sub-secțiune din div # contentOne
  • Dați etichetelor un nume 
     îi ajută să le găsească și să le folosească în stil într-un mod optim, comparativ cu utilizarea CSS și jаvascript.
    • Sfaturi
    • Nu citiți doar acest articol și contactați pe cineva care vă poate învăța. Există întotdeauna ceva nou de învățat, în special în lumea vastă a tehnologiei.
    • Obțineți ocupații și învățați, împrumutați și creați coduri.
    • Rețineți că unele etichete sunt deschise, dar nu sunt închise, cum ar fi < p > (Paragraf) e < br > (Întreruperea liniei). Alte etichete sunt deschise și apoi închise cu un.  acestea sunt exemple.
    • Contribuiți și la inventarea, proiectarea sau codarea de noi lucruri.
    • Ca un pas înainte, încercați să aveți grijă de serverul de codificare.
    • Aflați CSS și jаvascript.
    Avertismente
    • Amintiți-vă că HTML servește numai pentru a codifica conținutul într-un format universal. Trebuie să ne străduim să o facem corect din punct de vedere semantic, chiar dacă alții nu o pot observa. Există și alte limbi de sprijin, cum ar fi CSS, jаvascript și XML, la care este dată corectitudinea reprezentării.
    Lucruri de care ai nevoie
    • Un editor de text care suportă codarea ANSI
    • Un browser web, cum ar fi Internet Explorer sau Mozilla Firefox
    • Un editor wysiwyg, cum ar fi Adobe Dreamweaver, Aptana Studio sau Microsoft Expression Web (opțional)
    Afișați mai multe ... (3) 
    Distribuiți pe rețelele sociale: 

     
    înrudit