Bună ziua, dragi cititori ai blogului. În acest articol, vom începe să învețe elementele de bază ale HTML.

Probabil știți deja că limba principală de Internet ca HTML limbaj de marcare hipertext (Hypertext Markup Language). În acest articol vom învăța conceptele de bază ale HTML și să învețe cum să creați simplu pagini web.

limbajul HTML și etichetele sale

Aflați cum să creați site-uri web profesionale folosind HTML5 și CSS3

Site-ul este despre mașini.

Bine ati venit pe site-ul nostru auto. Aici veți găsi o mulțime de articole interesante și utile cu privire la vehicule. Site-ul are descrieri de multe vehicule de import și interne.

În continuare, salvați pagina web creată în fișierul numit index.html. În acest caz, salvați fișierul, trebuie să specificați caseta de dialog UTF-8 codificare și anexați numele de fișier în ghilimele, în caz contrar Notepad va adăuga txt extensia de fișier, iar fișierul nostru va index.htm.txt nume:

Acum este necesar să se deschidă un fișier într-un browser și a vedea rezultatul. Puteți utiliza Furnizat cu browser-ul Microsoft Windows Internet Explorer, sau orice alt instalat pe browser-ul computerului făcând dublu-clic pe mouse-ul pe index.html fișier sau prin glisarea fișierul pictograma pentru browser. Am deschis și să vedem ceva de genul acest rezultat:

Astfel, am creat o pagina de Web în Notepad, deși un pic greu de definit, dar care are un titlu mare și un paragraf de text care este rupt în mod automat în linii, și conține un fragment cu caractere aldine.

Ce este o etichetă?

Aflați cum să creați site-uri web profesionale folosind HTML5 și CSS3

Tag HTML - este cuvintele și caracterele comune, închise între paranteze unghiulare, cum ar fi de închidere, iar textul dintre ele se numește conținutul etichetei. Tag numit, de asemenea, tag-uri asociate. La tag-ul de start, plus, plus conținutul de închidere element de etichetare HTML formă de document. Există încă elemente constând dintr-o singură etichetă de deschidere:

Deci, tag-ul pereche

Element definește un prim strat antet. În total sunt șase nivele de titluri, elementele

-

.

Elementele sunt bloc de nivel și inferior (text). Elemente de bloc efectuate formatare structurală. Elementele de nivel bloc sunt întotdeauna afișate pe pagina într-o nouă linie și indentate de elemente adiacente. Elemente de Minuscule efectua formatare directă sau formatare logică a textului. element

un element de bloc.

Următoarea vine perechea tag-ul

. care creează un paragraf de pe pagina HTML. Conținutul acestei etichete va fi textul acestui alineat. element

De asemenea, un element de bloc, și așa cum vom vedea pe o linie nouă și între antet

și punctul indentare acolo.

Într-un paragraf tag-ul întâlnește un tip . care afișează conținutul său cu caractere aldine. această etichetă a pus în interiorul tag-ul de conținut

. Acest lucru înseamnă că, conținutul etichetei Acesta va fi afișat ca parte a unui paragraf. Aceste etichete imbricate numit copil. și tag-uri imbricate în alte tag-uri, care sunt numite părinte. Astfel, eticheta Este o filială, iar eticheta

- părinte. Această cuiburi de tag-uri găsite în HTML tot timpul.

Când atașați o etichetă ar trebui să urmeze o regulă, ordinea tag-urilor de închidere trebuie să fie în ordine inversă de următoarea etichetă de deschidere. Ie tag-uri și conținutul lor ar trebui să fie pe deplin investit în alte tag-uri. Dacă încalcă această regulă, atunci pagina web poate fi afișată greșit.

Apropo, elementul un membru inferior caz. Și, după cum vom vedea nici o pauze de linie sau o adâncitură la afișarea acestui element nu se realizează. Și este foarte important de menționat, în conformitate cu normele de elemente inline limbajului HTML nu pot fi imbricate tag-uri.

Este posibil să fi observat că eticheta de deschidere

dar numele conține încă un text: align = „centru“. Acest atribut tag-ul. care stabilește parametrii săi. Fiecare atribut are un nume, urmat de semnul =, iar apoi valoarea sa este inclus între ghilimele:

În cazul nostru particular, aliniați atributul tag

aliniază textul. Deoarece valoarea centrului spune browser-ului că conținutul tag-ul

Trebuie să fie aliniate în centru.

Atributele sunt obligatorii sau opționale. Atributele obligatorii trebuie să fie incluse în eticheta este obligatorie. Și atributele opționale pot fi omise, în cazul în care acestea sunt setate la valorile implicite.

Structura WEB - pagini. tag-uri html de bază.

Aflați cum să creați site-uri web profesionale folosind HTML5 și CSS3

Pentru a afișa corect pagina în browser-ul, într-un cod html, asigurați-vă că pentru a avea următoarea pereche de Tag-uri: , și .

Mai întâi de toate dvs. de cod html trebuie să fie închise în tag-uri și . Ei spun browser-ul că pagina conține cod html.

În plus, paginile de cod trebuie să fie un antet secțiune și corpul documentului. secțiunea antet, sau este, de asemenea, numit un capac, este format dintr-o pereche de etichete și conținutul său. În această secțiune, pune informații despre parametrii de pagină care nu sunt afișate pe ecran și doar browser-ul dorit. În exemplul nostru, o secțiune antet:

Corpul documentului este eliberat cu ajutorul tag-uri și . Acest lucru a plasat întregul conținut al paginii, atunci acesta va fi afișat în browser.

Pe scurt, orice pagina HTML este după cum urmează:

. informații de serviciu.


. conținutul paginii web.

pagina html metadate

Informații de service, care se află în antetul paginii și setează parametrii săi, se numește metadate. HTML-tag-uri care definesc metadatele, numit metatags. În pagina noastră mică următoarele linii de cod sunt metadate:

În primul rând, această etichetă