În acest articol, veți învăța cum să utilizați HTML pentru a vă scrie primul site! Articolul va oferi exemple ilustrative pentru o mai bună înțelegere. Să ne rezervăm imediat că articolul a fost conceput inițial pentru cei care abia încep să învețe HTML. În plus, vă promitem că, până la sfârșitul citirii acestui articol, aveți garanția să vă creați primul site web.
HTML înseamnă HyperText Markup Language, adică un limbaj pentru organizarea textului.
Spre deosebire de limbajele de programare (JavaScript, PHP etc.) care folosesc scripturi pentru a efectua acțiuni pe site-uri web, limbajul de secvențiere (HTML) folosește etichete pentru a marca conținutul site-ului.
Să începem să învățăm HTML de la zero
La fel cum limba engleză este formată din litere A, B, C etc., la fel HTML este alcătuit din „litere” deosebite:,,
etc. Aceste „litere” deosebite ale limbajului HTML sunt numite etichete de către webmasteri.
Următorul este un exemplu de etichetă HTML.
Etichete Creați o subliniere în jurul marginilor acestui text.
Etichetele HTML asociate cu stilurile de limbaj CSS vă permit să creați rapid și eficient site-uri web.
Locul HTML printre alte limbi
După cum știți, un site bunconstruit în cel puțin 5 limbi.
Site-ul web modern este construit în limbi:
- HTML (structură și ordine).
- CSS (conținut stil).
- JavaScript (acțiuni ale browserului).
- PHP (acțiune de server).
- SQL (stocare de date).
HTML este principalul limbaj fundamental pe care se bazează altele. Prin urmare, învățarea HTML ar trebui să fie primul pas pentru oricine care învață cum să creeze site-uri web pe web.
Tag
Limba HTML s-a schimbat de-a lungul anilor de la începuturi. În acest moment, majoritatea site-urilor de internet trec la cea mai recentă versiune a limbajului - HTML5. Dar chiar și în HTML5, elementele fundamentale ale limbajului rămân neschimbate.
Structura unei pagini HTML este ca un sandviș. La fel cum un sandviș are două felii de pâine, un document HTML are o etichetă HTML de deschidere și de închidere.
Aceste etichete, precum pâinea dintr-un sandviș, înconjoară totul în interior.
Tag
Pe măsură ce continuați să învățați HTML, cu siguranță ar trebui să vă familiarizați cu eticheta. Direct în interiorul etichetei părinte se află tot conținutul site-ului, inclusiv eticheta. Această etichetă este necesară și conține toate setările paginii site-ului pentru care este scrisă. Aceste setări nu sunt vizibile pentru vizitatorii site-ului, ci doar browserele (Google Chrome, Mozilla Firefox etc.) le văd.
Blocul de setări ale paginii web conține toate elementele „ne-rendate” care ajută browserul să vă afișeze corect site-ul pe web.
Toate opțiunile carepoate fi configurat în interiorul etichetei, ne vom uita la el, dar puțin mai târziu - când va veni momentul.
Tag
Eticheta, ca și eticheta, se află în interiorul etichetei.
Această etichetă este necesară pentru a afișa pe site-ul dvs. toate informațiile pe care doriți să le afișați.
Titturile, paragrafele, tabelele, imaginile și linkurile sunt doar o mică parte din elementele care pot fi conținute în interiorul etichetei.
Structura de bază a unui document HTML:
… …
Primul dvs. site
Acum știți că puteți crea site-uri web folosind HTML și că etichetele de bază sunt folosite pentru aceasta:
- . Conturează limitele unei pagini web.
- . Conține setări pentru afișarea unei pagini web într-un browser.
- . Conține toate elementele paginii web (imagini, videoclipuri, text și așa mai departe) pe care doriți să le afișați vizitatorilor site-ului.
Alte etichete precum,,, despre care vom vorbi în curând.
Ar fi grozav dacă cititorul nu doar să citească acest articol, ci și să alerge imediat să-și perfecționeze abilitățile. Pentru a vă perfecționa abilitățile HTML, va trebui să vă creați primul site web, care va servi drept teren de testare pentru noile dvs. abilități.
Se știe că operatorii de telefonie mobilă („MTS”, „MegaFon” și așa mai departe) ne oferă servicii de telefonie mobilă. În același mod, serviciile de creare și gestionare a site-urilor ne sunt furnizate de către operatorii de găzduire. Pentru a vă crea site-ul web, accesați site-ul oricărui operator de găzduire gratuită.
Furnizorii de găzduire verificați includ BEGET saureg, de exemplu. Puteți alege pe oricine.
După o scurtă înregistrare, după 24 de ore, va fi creat automat primul tău site de pe Internet, care va fi vizibil pentru întreaga lume, iar tu poți începe să exersezi!
Structură modernă a site-ului
Acum că aveți site-ul dvs., verificați ce etichete conține o etichetă și cum organizează acestea informațiile de pe site-uri.
Imaginea de mai sus este o reprezentare schematică a structurii care a venit cu cea mai recentă versiune a limbajului HTML - HTML5. Odată cu HTML5 au apărut nu doar etichete noi, ci și sensul construirii site-urilor web. Toate etichetele pe care le vedeți în imagine sunt conținute în eticheta principală. Aceste etichete vă ajută să „conturați” structura site-ului dvs. și să îi dați sens.
De exemplu, în interiorul etichetelor… este convenabil să plasați titlul site-ului (etichete) și descrierea site-ului (etichete).
Este convenabil să plasați meniul (linkurile) site-ului (eticheta) în interiorul etichetelor.
Este convenabil să plasați orice bloc mare de informații legate de sens în interiorul etichetelor. Pot fi mai multe articole, fiecare dintre ele „împachetat” în etichete, sau fotografii (etichetă) sau tabele (etichete
) și multe altele.
Este convenabil să plasați orice informație în interiorul etichetelor care nu se potrivește cu semnificația.
În interiorul etichetelor, este obișnuit să plasați informații suplimentare, cum ar fi informații de contact, secțiuni suplimentare ale site-ului și așa mai departe.
Deci acum ești puțin mai priceput la ceea ce sunt făcute site-urile web moderne. Să luăm un exemplu pentrufrământările din capul meu au fost înlocuite cu uimirea din partea perspicacității.
Așadar, când deschideți managerul de fișiere pe site-ul operatorului dvs. de găzduire și găsiți un document numit index.php, nu ezitați să scrieți în el, ca de la zero, structura site-ului dvs.
Primul meu site web
Titlul paginii
Descrierea paginii
Link 1 | Link 2 | Link 3
Titlul unui articol
Acesta este un bloc care conține orice informație, iar cu ajutorul CSS-ului poți colora acest bloc, și tot site-ul cu tot conținutul lui, așa cum vrei tu. © Toate drepturile rezervate
Îți amintești că am spus că există setări diferite pentru site? Ei bine, aici este:
- Folosind, arătăm browserelor că site-ul poate conține atât caractere rusești, cât și engleze (în caz contrar, când deschideți site-ul, veți vedea groaznic krakozyabry).
- este folosit pentru a indica numele paginii, care va fi afișat în fila browserului și în motorul de căutare ("Yandex", Google și altele asemenea).
Desigur, fără stilul CSS, site-ul dvs. va arăta zgârcit (litere negre pe un fundal alb), dar asigurați-vă că încercați mai întâi să scrieți prima pagină în HTML.
Felicitări! Tocmai ați creat prima pagină web pe propriul site! Va fi mai interesant!
