Creați o pagină cu cod HTML.
În ultima lecție, ați instalat programul Notepad ++. Acum, să creăm prima pagină Web și să învățăm etichetele HTML de bază. În fiecare document HTML există atribute obligatorii care trebuie să fie prezente în fiecare astfel de document. Acesta este așa-numitul "cadru". Nu o vom înregistra manual, ci o copiați aici: karkas. Am inserat-o într-un document nou, pe care l-am creat în programul Notepad ++ când este deschis, iar acum vom analiza cadrul bazat pe tag-uri html pentru text.
Noi o salvăm pentru început. Pentru a face acest lucru, creați un folder separat și denumiți-l, de exemplu, HTML. Apoi puteți salva toate fișierele în acest folder. Totul va fi într-un singur loc și va fi mai convenabil.
Când salvați, trebuie să specificați un nume de fișier. Rețineți că pagina principală a site-ului este întotdeauna numită index.html. Acesta este numele și vom atribui fișierul. Selectați tipul fișierului html.
Care sunt etichetele HTML?
În continuare începe cele mai interesante, și anume etichetele html. Ce este o etichetă? Etichetele HTML sunt comenzi care îi spun browserului ce trebuie să facă. Unele etichete indică browserului că trebuie să afișeze paragraful, altele pe care trebuie să le indentați sau să le compilați. Cu ajutorul etichetelor, comunicăm cu browser-ul în limba sa și programați acțiunile sale.
etichetă
Prima etichetă este o etichetă HTML. Observați cum este creată eticheta. Mai întâi vine paranteza de deschidere, apoi numele etichetei și paranteza de închidere.
Rețineți, de asemenea, că eticheta HTML este, de asemenea, în partea de jos, dar cu un slash.
Ie acest lucru închide deja eticheta. Și aici este important să înțelegem că există perechi de etichete. care sunt supuse închiderii și există un singur, care nu trebuie închise. Singurele sunt folosite mai rar decât cele pereche.
În acest caz, avem un exemplu clasic de etichetă pentru o pereche. În acest caz, eticheta HTML este pur și simplu un container care conține toate celelalte etichete HTML. El nu joacă nici un rol, deci aici trebuie să ne amintim că orice cod html ar trebui să fie în interiorul acestui container.
etichetă și
Apoi avem o etichetă HEAD. De asemenea, el se dublează. Și conține alte două etichete. De ce capul? Dacă traducem capul de la engleză. va fi un cap. Și mai jos veți vedea eticheta corporală. Corpul este corpul.
Orice document html conține atât etichete de formatare, cât și cele speciale. Ce sunt etichetele de formatare? Etichetele de formatare sunt etichete care sunt responsabile pentru paragrafe, titluri, imagini, link-uri etc. Ele creează, în esență, o parte vizibilă a paginii, tot ceea ce vede utilizatorul.
Dar, de fapt, pentru a lucra pe pagină, aveți nevoie, de asemenea, de etichete speciale, care, de exemplu, vor spune browserului ce codificare a paginii este făcută, ce antet ar trebui să afișeze, care fișiere de stil trebuie să fie conectate, ce scenarii ar trebui să fie conectate.
Zona HEAD este responsabilă pentru toate etichetele auxiliare, zona BODY este necesară pentru toate etichetele de formatare. Cel mai probabil, zona HEAD a fost numită special, deoarece organizează toate lucrările. Această zonă îi spune browserului ce script-uri vor fi conectate, care codifică, ce nume are pagina.
Dar în zona BODY există tot formatarea și toată acea parte a paginii care este vizibilă pentru utilizator.
Să aruncăm o privire mai atentă la containerul HEAD.
etichetă
Și vom începe cu eticheta META. care este responsabil pentru codificare.
În general, eticheta meta este multifata. El poate răspunde nu numai pentru codificare, ca în cazul de față, ci pentru multe alte lucruri. Dar aici eticheta vorbeste despre codificare.
Există o astfel de caractere record = utf-8. care îi spune browserului că acest document a fost creat în codificarea utf-8. De ce am nevoie de codificare? Vorbim și scriem în diferite limbi din lume. Și dacă vom crea o pagină aici în limba rusă, atunci în Germania, de exemplu, vom crea deja o pagină în limba germană. Pentru ca browserul să înțeleagă limba pe care a fost creat site-ul, a fost creată o codificare specială, numită utf-8.
Din momentul în care a intrat în uz, a devenit standard. Astfel, nevoia de a specifica codificarea pentru o anumită limbă a fost pierdută. Acum este suficient să specificați codificarea utf-8 și site-ul dvs. va fi afișat în mod normal în toate browserele și, în același timp, lucrul cu baza de date este, de asemenea, simplificat.
Dar există un șmecherie aici: că totul ar trebui să funcționeze corect, astfel încât browserul să afișeze pagina corect, în această codificare trebuie să existe documentul însuși. Aici Notebook ++ ne va ajuta foarte mult. Are un astfel de element de meniu "Codificări" și în acesta, dacă nu selectezi opțiunea "Encode to UTF-8 (fără BOM)", atunci du-te jos și dă click pe elementul "Conversie în UTF-8 (fără BOM)".
etichetă </h3>
<p>Am sortat codificarea. Următoarea etichetă de serviciu este TITLE. Titlul în limba engleză este titlul.</p>
<p><title>Document fără titlu
Între eticheta Titlu de deschidere și închidere, este indicat, de obicei, titlul paginii, care va fi afișat în fila browserului atunci când mergem la această pagină.
Să numim documentul nostru "Prima pagină HTML", să salvăm documentul și să vedem cum arată în browser. Apăsați elementul de meniu start și apoi "Lansați în Firefox" (browserul poate alege orice).
Și aici browserul ne scrie în antetul filei "Prima pagină HTML".
În acest caz, conținutul site-ului este gol, deoarece în containerul BODY nu avem nimic.
Aceasta conchide această lecție. Am analizat ce este eticheta containerului html. container-tag body, tag-container title, tag-container cap, care stochează toate etichetele noastre de servicii. Și, de asemenea, dezasamblat tag-ul titlu, care afișează titlul, meta-tag-ul, care este responsabil pentru codificare.
Mult noroc pentru tine! Ne vedem în curând pe paginile blogului VyacheslavDanilov.ru