Buna ziua, dragi webmasteri.
În articolul precedent, am creat directorul site-ului. și în acest lucru începem să scriem o pagină sau să creăm un document html (fișier), care este în esență același lucru.
Mai întâi vom scrie (crea) cadrul paginii.
HTML cadru de 5 pagini
Și cadrul paginii este în conformitate cu HTML 4.01 Transitional, care este o tranziție între 4 și 5 versiuni și este încă relevantă.
Să analizăm pe scurt ce înseamnă toate aceste inscripții.
indică tipul de document pe care îl creăm.
Aici este indicat faptul că un document html este creat în conformitate cu html 4.01 Transitional, ceea ce înseamnă o tranziție între al patrulea și al cincilea. Există și alte versiuni ale html, dar nu le vom lua în considerare acum, dar vom lucra cu cele mai relevante pentru ziua de azi, deoarece etichetele noi și vechi sunt admisibile în ea și trebuie să fie cunoscute.
Înainte este o coloană de etichete. O etichetă este un construct de limbă care spune browserului ce trebuie afișat pe ecranul monitorului. Unele etichete spun că trebuie să afișați un titlu, un paragraf și așa mai departe. În cadrul paginii există etichete numite etichete de nivel superior.
Prima etichetă din coloană este . Rețineți că ultima etichetă are de asemenea numai o slash (slash). Acesta este un exemplu clasic de etichetă pereche, în care primul element de deschidere vine, apoi cel de închidere.
Prin urmare, etichetele sunt asociate și sunt un container pentru html-code, dar există și un singur. Va veni timpul și le vom analiza și ele. Această etichetă este containerul pentru întreaga pagină.
Următoarea etichetă, de asemenea o pereche -
, că în traducere din engleză înseamnă cap. Acest container, conținut deja în containerul html, conține etichete speciale, a căror acțiune nu este întotdeauna vizibilă pe monitor.Ei spun în ce encodare este făcută pagina, ce scripturi și foi de stil trebuie să fie conectate la ea și ce nume de pagină va fi afișat în fila browser.
Apoi, eticheta
(corpul) este, de asemenea, asociat, adică este și un container în interiorul containerului html și vor exista deja etichete de formatare care vor indica aranjamentul de paragrafe, imagini, link-uri și, în general, tot ceea ce vedem pe monitor.Din exemple se poate observa că codul de schelet din HTML 5 a scăzut considerabil. În etichetă Nu mai există o descriere a versiunii și a tipului de fișier, în a rămas doar caractere. pentru a specifica codificarea.
Și totuși, atunci când conectați foile de stil, nu va mai fi nevoie să specificați type = "text / css" în etichete și
Vreau să avertizez imediat că cea mai mică eroare din cod (nu există nici un punct, sau citate, etc.) conduce la faptul că codul nu funcționează.
După aceea, în rândul panoului de control (de mai sus), găsim elementul Codificare, iar în meniul deschis alegeți Conversie la UFT-8 fără (PTO)
Și pentru a nu vă faceți griji mai târziu, faceți clic pe elementul Setări, apoi pe linia Setări, în fereastra de setări - Document nou și puneți un punct în linia UTF-8 fără PTO. Apoi închideți
După aceea, trebuie să faceți clic pe a treia pictogramă din stânga Salvare, iar în caseta de căutare care apare, găsiți directorul Director creat pe pagina anterioară.
Deschideți dosarul site-ului, în rândul Nume fișier, eliminați nev1, scrie index.html și faceți clic pe Salvați.
După aceea, documentul nostru ar trebui să obțină o viziune atât de frumoasă, iar în fereastra de deasupra ar trebui să apară numele index.html
Felicitări! Tocmai ați creat fișierul. Acum, dacă mergeți la directorul site-ului (Start-Computer-Documents-site), atunci veți vedea o astfel de construcție:
Vă urez succes creativ.
Care este diferența dintre un hostel de sex masculin și o cămin de sex feminin?
În căminul de sex masculin, în nebun, și în căminul de sex feminin - domdur
Anterior, studenții au studiat și au lucrat cu fracțiune de normă, iar acum lucrează și sunt instruiți.
Bună ziua, Serghei. Probabil mi-a lipsit ceva undeva. Nu înțeleg de ce fișierul index.php nu poate fi citit în browser, dar citește totul în Denver. Care este diferența pentru fișier?
Bine ai venit! Vă mulțumim pentru eforturile dvs.! Contează browserul pe care îl utilizați și, totuși, ce versiune a paginii web are nevoie, despre ce depinde?
O dată pentru toate ecranele, nu este necesară o lățime min-lățime și o lățime maximă. În mod normal, este comprimat la 700 de pixeli, deci lăsați și apăsați mai departe. dimensiunea de fundal nu este, de asemenea, necesară. Portalul de vizualizare meta-tag este responsabil pentru scalarea. Despre el la sfârșitul acestui articol
Vreau să adaptez capacul la toate dimensiunile ecranului
poate ceva cu un cadru trebuie sa faci?
Pălărie este făcut pentru un ecran cu o lățime de 1920px
probyval acest lucru este
#alte pozitie: absolut;
top: 0px;
stânga: 0px;
min-lățime: 700px;
max-lățime: 1920px;
lățime: 100%;
înălțime: 180px;
fundal-imagine: url (/img/bg01.jpg);
background-repeat: nu-repeta;
dimensiunea fundalului: 100%;
>
pune regulile, dar numai pentru ecranul meu,
Eu vin de la un alt computer, capacul se ingusteaza si devine mic, bine, nu ceea ce am nevoie,