HTML (Limba de marcare hipertext) este principala limbă de programare pentru a dezvolta pagini web.Creat ca un limbaj simplu și convenabil de programare. Cele mai multe pagini de internet au fost dezvoltate folosind una din formele acestei limbi (ColdFusion, XML, XSLT). După ce ați citit acest articol, puteți continua pregătirea folosind alte resurse pe Internet. Încercați să căutați alte articole legate de acest subiect pe Internet.

Pași

Metoda 1 din 1:

Scrierea paginilor HTML

unu. Înainte de a începe să familiarizați cu unul dintre pașii prezentați aici, consultați secțiunea "de ce aveți nevoie".

Imagine intitulată Scrieți o pagină HTML Pasul 2

2. Ce trebuie să știți înainte de a începe să înțelegeți această întrebare:

3. Bazele. Ați auzit vreodată despre etichetă? Eticheta este înconjurată de paranteze unghiulare, cu cuvântul din interior. Eticheta finală este înregistrată în aceeași formă, dar cu adăugarea unui slash după prima consola de colț. Atributul este un cuvânt suplimentar în eticheta utilizată pentru a adăuga piese la etichetă.

4. Începerea documentului. În orice editor de text pe care îl utilizați, introduceți ceea ce este mai jos:
wikihowSalut Lume
Eticheta trebuie închisă în aceeași etichetă, dar cu un strat după prima consola de colț. Există excepții, cum ar fi etichetele Meta sau Doctype.

Imagine intitulată Scrieți o pagină HTML Pasul 3

cinci. Doctype

De regulă, majoritatea paginilor web sunt setate Doctype ". Ajută la determinarea codificării, precum și modul în care acesta va fi perceput de browserele web. Cele mai multe pagini vor funcționa fără ea ", dar este necesar dacă doriți să potriviți (reglementează tipurile de codificări și modalități de utilizare a acestora). Doctype pentru HTML 4.01 este mai jos:http: // W3.Org / tr / html4 / stricte.DTD"> Acesta este unul dintre cele mai frecvente Doctype folosit pe pagină pe tot parcursul internetului. În primul rând, indică tipul de pagină care descrie "HTML", apoi evidențiază tipul de codificare și la sfârșit, locația Doctypei, care, ca rezultat, descrie pagina pentru un browser web.

Există diferite tipuri de HTML (diverse versiuni concepute pentru mulți ani), de exemplu, utilizarea de etichete noi sau etichete specifice. Unele etichete sunt învechite (alte etichete mai utile sunt utilizate în schimb).

și - aceasta este ceea ce este impus în prezent etichetelor, deoarece sunt folosite pentru a transforma textul, dar nu și specificațiile, ca rezultat, alte etichete vin să le înlocuiască. Etichetăeste un înlocuitor pentru , și înlocuirea pentru .

Este important ca etichetele anterioare să fie înlocuite cu etichete, care sunt mai mult decât formatarea. Dacă textul este tradus, atunci nu numai formatarea, dar sensul său rămâne același. Este corect semantic.

În versiunea XHTML 2.0, Tag-uri și Nu este folosit, precum și în versiunea HTML 3+.

Imagine intitulată Scrieți o pagină HTML Pasul 4

6. HTML "Regula încapsulării".

Să ne uităm la etichete mai importante utilizate în prezent. În timp ce creați o pagină, se utilizează o structură simplă. Dacă a fost deschisă o etichetă, atunci ca rezultat, Trebuie să fie închisă. Acest lucru se aplică întregii structuri. Exemplul corect al structurii layout XHTML este prezentat aici:

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-strict.DTD">

http: // W3.Org / 1999 / XHTML">

Salut Lume!

Codul eșantionului care oferă un mesaj Salut Lume. Acest lucru se numește aluat Salut Lume.

Imagine intitulată Scrieți o pagină HTML Pasul 5

7. Titlu

Titlul paginii web - acesta este conținutul între etichetă . Acest conținut nu poate fi vizualizat de către utilizator (numai numele care este afișat în pagina de titlu). Informații între etichete , Pot face alte etichete, cum ar fi:

Meta etichetă, utilizată pentru informații care sunt utile pentru motoarele de căutare și alte utilități.

Tag-ul de legătură care creează o conexiune între documente, de exemplu, pentru stiluri (CSS).

Eticheta Script, include aproape orice codare web, cu posibilitatea accesului la distanță (dintr-un alt document).

Etichetă de stil, care este în esență un stil care poate fi aplicat pe pagină.

Titlu Tip, acesta este numele care apare ca numele paginii din browserul dvs. web.

Să vedem demonstrarea unora dintre ele în exemplul titlului, luate de pe acest site (a fost redus):

...

Dacă nu ați observat, au fost alocate etichete individuale, eliminarea informațiilor reale. Exemplul este destul de scurt, cu un spectacol, aproape, al fiecărei etichete care ar putea fi , Cu excepția comentariului HTML (vom vorbi despre ea în etichete simple).

Imagine intitulată Scrieți o pagină HTML Pasul 6

opt. Etichete simple peste tot

Să mergem mai departe și să vedem alte etichete. Fiți atenți folosind etichete și amintiți-vă de regula marelui degetului ", încapsulare."

Alocă textul important.

Face o dimensiune a textului mai mic. Dimensiunea fontului este măsurată în unitățile standard de la 1 la 7, 3 - aceasta este dimensiunea implicită a textului. .

 Specifică blocul de text formatat. Cât de corect, un astfel de text este recrutat de fontul de aceeași mărime și cu toate spațiile dintre cuvinte.

Afișează textul sub forma unei fraze.

~~Traversează textul.~~

Determină textul introdus în document.

Unul dintre numeroasele etichete de cap. Etichetele de acest fel încep cu "H", cu o diferență în figura. Asigurați-vă că închideți eticheta cu aceeași cifră.

Definește paragraful.

Spre deosebire de alte etichete, comentariul trebuie să fie în interiorul etichetei în sine. Aceste informații sunt vizibile numai atunci când codul este vizualizat.

Afișează un citat, poate fi folosit cu o etichetă .

Câteva exemple prezentate mai sus nu sunt o listă completă a etichetelor existente. Pentru a afla despre ceilalți, vizitați .

Imaginea intitulată Scrieți o pagină HTML Pasul 7

nouă. Crearea unei structuri clare

Paginile sunt concepute pentru a organiza date în seturi simple de etichete, astfel încât să putem dezasambla informații în paragrafe. Calculatorul recunoaște datele, nu știe despre context sau conexiune ideologică. Trebuie să creăm o pagină HTML Page. Acest lucru se realizează atunci când utilizați eticheta div. Ajută la crearea unui număr mare de pagini. Acesta poate fi stilizat cu CSS și este mai ușor decât crearea de tabele de cod mari pentru aspect.

Această etichetă este specială deoarece poate fi stilizată și utilizează blocuri individuale de informații care vor fi înțelese și utilizatorul și computerul.

Să ne uităm la aspectul simplu HTML pe care îl folosește eticheta DIV.

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-strict.DTD">

http: // W3.Org / 1999 / XHTML">

Salut Lume!

Acesta este un text în content Div #.

Un paragraf într-o sub-secțiune a contentului div #

Utilizați eticheta

Ajută la căutarea și schimbarea stilurilor în timp ce lucrați cu CSS și jаvascript. HTML va folosi diferite codificări pentru a lucra cu stiluri CSS și jаvascript pentru a crea interacțiunea cea mai bună și receptivă cu utilizatorul.

sfaturi

După ce ați citit acest articol, nu vă opriți și nu credeți că ați învățat tot ce aveți nevoie. Există întotdeauna ceva pe care îl puteți învăța, mai ales în această tehnologie.
Aflați, acordați și scrieți codul.
Vă rugăm să rețineți că unele etichete utilizează numai <>. Paragraful și BR - Unele exemple. Alte etichete deschise cu <>, au nevoie de închidere suplimentară. De exemplu, "".
Oamenii așteaptă noi descoperiri, astfel încât să inventeze, să creeze un design sau un cod.
Odată ce ați învățat multe, încercați să învățați programele de programare.
Învață să lucrezi cu CSS, precum și cu jаvascript.

Avertizări

Amintiți-vă că HTML este editarea conținutului. Aceasta înseamnă că HTML este utilizat numai pentru stocarea conținutului într-un format recunoscut. Alte modificări ar trebui să fie efectuate folosind alte tehnologii, de exemplu, CSS. De asemenea, înseamnă a face "corect semantic, Chiar dacă alții nu recunosc. Alte limbi de programare ajută la construirea de pagini web (CSS, jаvascript și XML). HTML este un designer de conținut.

De ce ai nevoie

Editor de text care acceptă codificarea ANSI
Browser web, cum ar fi Internet Explorer sau Mozilla Firefox
(Opțional) WYSIWYG sau WYKIWYG HTML Editor, cum ar fi Adobe Dreamweaver, Aptana Studio sau Microsoft Expression Web