Cum se creează o pagină HTML: instrucțiuni pas cu pas, tehnologie și recomandări

Credeți că puteți crea o pagină HTML? Pentru asta trebuie să petreceți mai multe ore și veți ști elementele de bază ale HTML. Și puteți crea prima pagină în 5 minute.

HTML reprezintă HyperText Markup Language. În traducere, aceasta înseamnă "limbaj de markup hipertext". Este important să înțelegeți faptul că HTML nu este un limbaj de programare, ci un markup de site.

Toate browserele moderne o pot recunoaște. Apoi, ele afișează informațiile într-un mod convenabil pentru utilizator, așa cum a fost planificat anterior de către autor.

În această limbă se utilizează etichete speciale. Fiecare etichetă își îndeplinește funcția. Sunt mulți. În mod ideal, trebuie să învățați totul. Dar pentru un începător cunoștințele de bază sunt suficiente.

Bazele HTML

Înainte de a crea o pagină HTML, trebuie să știți de ce este făcut. În această limbă există două concepte: un element și o etichetă.

Pentru a specifica unde începe și se închide acest element, utilizați eticheta de deschidere și de închidere. Arată așa.

conținut

După cum puteți vedea, etichetele de deschidere și de încheiere diferă numai în "/".

Întregul document HTML este o colecție a acestor elemente. Există anumite cerințe privind structura documentului. Tot conținutul paginii trebuie să fie între două etichete și . Când scrieți codul, luați obiceiul de a seta imediat eticheta de deschidere și de închidere.

De asemenea, rețineți că structura limbajului HTML are o ierarhie proprie. Altfel se numește cuibărit. Etichetă HTML este cea mai importantă, deoarece toate celelalte sunt în interiorul ei.

HTML are doi copii:

• ... ;
• .. .

Blocul HEAD indică diverse informații despre serviciu. Aceste informații nu sunt afișate în browser. De exemplu, instrucțiuni pentru dezvoltatori, pentru orice programe, pentru roboți și multe altele.

Cel mai important, nu există conținut aici.

Secțiunea BODY indică conținutul documentului care va fi afișat utilizatorului.

Aflați cum să deschideți și să închideți etichetele simultan, deoarece pot exista 10 elemente imbricate. În plus, pentru comoditate, se recomandă ca etichetele imbricate să fie indentate. De exemplu, așa.

Deci, aceleași etichete de importanță au fost la același nivel, iar copiii - "înăuntru". Deci este mult mai convenabil pentru percepția și căutarea piesei necesare din cod. În caz contrar, puteți deveni confuz. Dar pentru a economisi spațiu, etichetele capului și corpului se pot face fără indentare. Acest lucru este făcut pentru ca oricine altcineva să nu aibă o indentare inutilă. Restul este de dorit să se separe.

Cum se creează o pagină HTML simplă

Pentru a scrie codul aveți nevoie de un editor. Sunt mulți. Notepad ++ și Adobe Dreamweaver sunt populare. De asemenea, puteți utiliza un notebook.

Acesta este modul în care arată editorul Notepad ++.

Acesta este un editor foarte util și este gratuit. Adobe Dreamweaver de mai sus este taxabil. Diferența dintre editorii destinați scrierii Cod HTML, dintr-un notebook - în care se evidențiază etichetele speciale. Dacă nu este evidențiată, înseamnă că ați scris incorect.

Pentru a vă asigura că lumina de fundal se potrivește cu limba, trebuie să o specificați în setări.

Să ne uităm la modul de creare a unei pagini HTML în Notepad. Adică, terminăm partea tehnică și apoi mergem direct la studiul etichetelor.

Cum de a crea o pagină web în notepad HTML

Mai întâi, deschideți notepad-ul.

Apoi introduceți în el ceea ce este afișat în următoarea imagine.

Obișnuiți-vă să scrieți cu mâinile, nu doar copierea. Când scrieți cu mâinile, amintiți-vă mai bine întreaga bază de date de etichete.

Apoi, faceți clic pe meniul "Salvați fișierul" și specificați orice nume de fișier, dar cu extensia .html.

După aceasta, puteți deschide fișierul în browser și puteți admira rezultatul. Acum ar trebui să înțelegeți cum să creați o pagină web în notepad HTML.

Consorțiul mondial W3C

Există o organizație precum W3C, care dezvoltă și implementează toate standardele pentru Internet. Toate browserele respectă aceste standarde și procesează aspecte de pagină (coduri) în conformitate cu aceste reguli.

Pe site-ul oficial al dezvoltatorilor HTML, puteți găsi un tabel cu toate etichetele și regulile de utilizare a acestora. În cadrul acestui articol, considerăm că cele mai de bază.

S-ar putea să vă gândiți, ce reguli pot exista? Toate etichetele descrise au propria lor recomandare. Există mai multe dintre ele:

• Etichetă opțională.
• Interzis.
• Eticheta goală.
• învechit
• Lost.

Etichete în HTML

Înainte de a crea o pagină HTML, trebuie să înțelegeți ce ar trebui să fie în partea de servicii a HEAD.

În zona HEAD există atât etichete obligatorii, cât și etichete opționale. O etichetă obligatorie este o rubrică. Este marcat prin . Este atribuită întregului document. Ceea ce vedeți în rezultatele motorului de căutare Google este eticheta titlului.

Să trecem la secțiunea BODY. Există elemente care sunt afișate în browser și există și altele care nu sunt afișate. De exemplu, comentariile nu sunt afișate utilizatorului. Acestea pot fi folosite pentru note sau pentru al sugera altor angajați dacă lucrați într-o echipă.

Acestea sunt desemnate ca

Tot ceea ce este între ele este privit de program în acest fel. Rețineți că nu puteți atașa o etichetă de comentariu la altă etichetă de comentarii. Pentru că de îndată ce o deschizi.

Un exemplu de cuibare:

continuarea primului comentariu ->

Rezultatul în browser va fi următorul

continuarea primului comentariu ->

Dar piesa nu va fi vizibilă. A doua etichetă de deschidere