În acest articol, vom analiza principiile de bază ale creării de pagini HTML. Amenajarea site-ului se realizează conform unor reguli generale pe care trebuie să le învățați înainte de a începe să învățați elementele limbii. Nu te opri, dacă scopul oricărui element dat ca exemplu, îl vei găsi incomprehensibil. Cele mai multe dintre acestea vom discuta mai târziu.
Apoi, vom examina regulile pentru scrierea etichetelor și utilizarea atributelor. Mai jos este pregătirea unei pagini web tipice. În acest exemplu, vom examina structura paginilor HTML.
-- Iată conținutul principal al site-ului.
Majoritatea site-urilor sunt create pentru acest șablon, deoarece acestea sunt elemente obligatorii. Acest lucru poate fi explicat prin faptul că paginile sunt create conform unor standarde. Pentru a înțelege structura site-ului, trebuie să luăm în considerare toate elementele codului.
Să luăm în considerare toate aspectele:
Eticheta de la care fiecare pagină web ar trebui să înceapă și să se termine. Înseamnă că documentul nostru este scris în HTML. În principiu, acest element poate fi considerat o formalitate. Are atributele versiunii, lang și dir. Cu toate acestea, aceste atribute sunt rareori utilizate în practică. Eticheta HTML permite încorporarea elementelor HEAD, BODY, FRAMESET și a altor elemente care definesc structura generală a unei pagini Web.
Șeful sau zona titlului paginii web. La fel ca și elementul anterior, HEAD este un element necesar pentru formarea structurii paginii html. Opțiuni atribut lang și dir. De asemenea, HEAD ar trebui să conțină o etichetă TITLE. Permite încorporarea elementelor BASE, META, LINK, OBJECT, SCRIPT, STYLE.
Eticheta BODY este responsabilă de informațiile de pe pagina însăși. Între aceste etichete puteți utiliza toate elementele concepute pentru proiectarea paginii web. În interiorul etichetei BODY de deschidere, există adesea atribute care oferă setările și aspectul întregului document.
Cel mai frecvent utilizat este atributul de fundal, care stabilește fundalul paginii.
Astfel, setăm imaginea de fundal pentru pagină. Calea poate fi fie absolută, fie relativă. De exemplu:
De asemenea, putem seta doar culoarea de fundal a paginii.
Culoarea de fundal este setată sub forma a trei numere din două cifre în format hexazecimal. Ele vor determina intensitatea culorilor roșu, verde și albastru. Să vorbim despre setarea de culoare mai târziu. De exemplu:
Deoarece schimbăm culoarea de fundal, atunci culoarea textului ar fi frumos să se schimbe. Acest lucru se poate face astfel:
text = "# RRGGBB"
Să colorăm hyperlink-urile noastre în culori:
link = "# RRGGBB"
Structura etichetelor din interiorul etichetei
pot fi foarte diverse. Aceasta este determinată de nevoile viitoare ale paginii și, desigur, de fantezia dezvoltatorului.Iar acum, exemplul mult așteptat:
<ТIТLЕ>Prima mea pagină
După cum ați reușit să observați, apar noi etichete aici. Acum nu le vom examina în detaliu. - afișați titlul textului. Textul încheiat între va fi un hyperlink. Atributul href specifică calea de referință. Puteți descărca o descriere detaliată a acestor etichete pe pagina "Manuale / Cărți".
Încercați să creați o pagină proprie folosind materialul prezentat în acest articol. În primul rând, utilizați notepad și salvați fișierul cu rezoluția .html.
Aceasta incheie scurta noastra digresiune in structura HTML. Succes în mastering HTML layouts!
Articole similare
Trimiteți-le prietenilor: