Comenzi HTML pentru crearea site-urilor Web

HTML reprezintă abrevierea ca HyperText Markup Language. HTML nu este un limbaj de programare, este un limbaj de markup.

Toate browserele pot converti acest marcaj într-o vizualizare prietenoasă.

În această limbă sunt folosite comenzi speciale, numite etichete. Fiecare etichetă are o funcție proprie. Există o mare cantitate de etichete. În mod ideal, trebuie să învățați totul. Dar pentru un dezvoltator novice, cunoștințele de bază sunt suficiente.

Comenzi HTML de bază

Lista de comenzi HTML este foarte mare. Dar elementele de bază nu sunt atât de multe. Pentru a începe să scrieți codul, aveți nevoie de un editor. Puteți utiliza Notepad. Se recomandă utilizarea Notepad ++. Arată așa.

Avantajul este că, în editoare speciale, etichetele sunt evidențiate cu o anumită culoare, în funcție de categorie. Comenzile pentru crearea unui site HTML în notepad sau orice alt program sunt aceleași. Limba este folosită pretutindeni. Mediul de dezvoltare este doar un instrument.

HTML are etichete de închidere și neînchipuire. Tot în această limbă există noțiunea de cuibărit. Fiecare obiect din cod este un element. Elementul are o etichetă de deschidere care acoperă și conținutul. În plus, eticheta are propriile atribute adiționale cu propriile valori.

Figura prezintă două etichete și . Amintiți-vă că deschiderea și închiderea sunt aceleași, dar numai "/" este diferită. Dacă eticheta nu este închisă, atunci manipulatorul va considera totul ca fiind continuarea acestui element particular. Acest lucru este foarte important. Mai ales în referințe. Îi vom lua în considerare și mai mult.

etichetă obligatorie. Este întotdeauna necesar să scrieți. Dar nu este necesar să-l închidem. Prin standarde este necesar, dar dacă nu închideți, va funcționa în continuare.

Există și alte etichete principale: cap și corp.

Aceste comenzi HTML sunt scheletul paginii. Ele sunt obligatorii. De asemenea, ei se închid.

Numele etichetelor corespunde sensului. Cap de cap. Această secțiune indică serviciul și informațiile importante care nu pot fi văzute. Secțiunea corpului este corpul documentului. Aici este conținutul afișat utilizatorului. Încercați să închideți etichetele simultan, astfel încât mai târziu să nu existe confuzie.

Secțiunea de servicii indică:

• titlul documentului;
• stiluri de fișiere;
• fișiere de script;
• etichete meta;
• instrucțiuni pentru motoarele de căutare;
• instrucțiuni pentru roboți;
• orice alte informații care pot fi utilizate de programatori, dar nu de utilizatori.

Foaia de stil se conectează astfel:

Fișierul script este după cum urmează:

Textul trebuie să aibă un titlu. Specificăm astfel:

Acest text va fi afișat în titlul fila browser. De asemenea, acest antet este afișat ca rezultat al ieșirii motorului de căutare.

Etichete pentru text

Textul trebuie plasat în eticheta paragrafului. Este marcat ca

text

Puteți să citiți textul, ca și în Cuvântul:

• cursiv
• îndrăzneț text
• a trasat textul
• text subliniat

Textul poate fi decorat. Ne vom uita la sfârșit, după ce vom examina celelalte elemente.

Utilizând anteturile

Există și alte comenzi HTML importante. Pentru crearea site-urilor utilizați în mod obligatoriu titluri. Acestea sunt specificate folosind eticheta. Există niveluri de la 1 la 6. Este important să înțelegeți că ar trebui să fie cuibărit în anteturi.

Un exemplu în figură.

Rețineți că se recomandă utilizarea unui singur antet h1. În acest caz, trebuie să se potrivească cu eticheta

Utilizarea imaginilor

Imaginile reprezintă o parte integrantă a paginilor web. Exemplul arată cum puteți introduce o fotografie.

După cum puteți vedea, exemplul arată în detaliu cum și ce se numește.

Utilizând link-uri

Dacă învățați comenzi HTML, atunci trebuie să știți referințele de etichete. Acesta este unul dintre elementele principale care constituie World Wide Web.

Legătura este indicată de o etichetă . Dar trebuie să fie închis. În plus, acest element are un atribut obligatoriu href, în care este specificată adresa de legătură.

În exemplul de mai sus, puteți vedea că, în locul textului de legătură, este afișată o imagine. Aceasta este, puteți pune atât text și imagine.

Legăturile pot fi de asemenea formatate utilizând clase de stil sau etichete comune (italic, bold, subliniere și ștergere).

Utilizarea tabelelor

Tabelele sunt de asemenea folosite foarte des. Inițial, intenționau să prezinte informații într-o formă convenabilă. Dar apoi le-au folosit pentru a plasa diferite elemente ale paginii.

Tabelul este creat după cum urmează:

Textul celular

Textul celular

Textul celular

Textul celular

Atributul lățime specifică lățimea tabelului. Poate fi în procente sau pixeli. Frontiera indică grosimea cadrului.

Structura este indicată după cum urmează. Eticheta tr este un șir. Etichetați celula td. Și toți împreună este o masă.

Tabelul poate fi aliniat. Acest lucru se face folosind atributul align, care poate avea trei valori: Stânga, Centru, Dreapta. Un exemplu de utilizare este indicat mai jos.

Aceste comenzi HTML (lățime și aliniere) sunt potrivite pentru alte elemente. Grosimea cadrului este, de asemenea, indicată în imagini.

Utilizarea listelor

Utilizând comenzi HTML, puteți crea diferite tipuri de liste. Aproape exact la fel ca în editorul Word.

În Html, sunt ordonate și neordonate liste (marcate). Un exemplu de astfel de listă.

Rezultatul va fi:

• Primul
• Al doilea
• Al treilea

Listele comandate sunt create în același mod, dar numai în loc de

, utilizați eticheta
.

Aici puteți seta tipul de ieșire al listei:

• "1" - Numerele arabe 1, 2, 3 ...
• "A" - literele mari A, B, C ...
• "A" - litere mici, a, b, c ...
• "I" - numere mari romane I, II, III ...
• "I" - numere romane mici i, ii, iii ...

Numerele arabe sunt afișate ca standard.

Deoarece sunt liste numerotate, ele au un atribut start, care specifică valoarea inițială a listei. De exemplu, puteți afișa o listă începând cu a 10-a sau a 20-a.

Utilizarea stilurilor

Comenzile HTML pentru site sunt foarte diverse, dar toate urmăresc stilurile. Stilurile pot fi specificate ca fișier în secțiunea cap: sau prescrie un stil gata făcut.

Rețineți că există o diferență între aceste definiții de stil. Fișierul de stil poate fi specificat în toate paginile site-ului. După ce faceți modificări, această actualizare va afecta întregul site în ansamblu. Dacă specificați stiluri pe o anumită pagină, atunci modificările și utilizarea acestor clase vor fi doar în interiorul acestui fișier. Setările dvs. nu vor depăși acest aspect.

Imaginați-vă că aveți 20 de pagini HTML și ați decis să faceți antetul cu 2 pixeli mai mare. Dacă aveți totul în foaia de stil, trebuie doar să o editați acolo. Dacă este peste tot în mod individual, atunci trebuie să actualizați toate cele 20 de pagini.

Puteți specifica o singură pagină după cum urmează.

Această metodă nu este recomandată.