Decorarea unei pagini web și dimensiunea fontului în HTML

Începutul designerilor web va fi util să știi despre modalitățile prin care textul paginii web este proiectat. Acestea includ alinierea, culoarea, dimensiunea fontului și multe altele.

Mai multe etichete sunt asociate cu formatarea. Cel mai frecvent utilizat paragraf "p". Are parametri opționali care specifică modelul extern tipul de text.

Parametrul principal și principal este "aliniere". Ea determină alinierea textului și poate fi fie „stânga“, „dreapta“, „centru“ și „justifica“ -ravnenie pe stânga, dreapta, centru, și pe lățimea blocului respectiv. Rețineți că poziția textului nu este stabilită în ceea ce privește marginile ecranului, ci în cadrul paragrafului.

Următoarele sunt parametrii "clasă" și "id", care determină la ce clasă aparține obiectul și identificatorul acestuia, inclusiv atributul "stil"-acesta stabilește stilul blocului încorporat. Toate aceste proprietăți sunt legate de CSS, pe care o vom discuta mai jos.

Eticheta "p" are un dezavantaj: nu poate fi utilizată pentru a specifica un element extern tip de font, de exemplu, culoarea sau dimensiunea sa. În aceste scopuri, o altă etichetă este destinată - "font". Toți parametrii determină modul în care va arăta textul.

Primul atribut al acestei etichete este "color". După cum ați ghicit-o, culoarea este pusă în ea. Acest parametru poate accepta ambele nume ("alb", "galben", "magenta") și valori în sistemul RGB. Aceasta se face astfel: introduceți mai întâi semnul # și apoi specificați trei numere în notație hexazecimală de la 00 la ff sau de la 0 la 255 - în zecimale - cantitatea de roșu, verde și albastru în culoarea finală. De exemplu, pentru a utiliza culoarea roșie, trebuie să scrieți "# ff0000", galben - "# ffff00".

Următorul atribut este "fața". Definește căști cu font. De exemplu, îl puteți seta la "Times New Roman" sau "Tahoma".

În sfârșit, parametrul "dimensiune" este responsabil pentru dimensiunea fontului din HTML. Este nevoie de o valoare numerică - o dimensiune.

De exemplu, pentru a imprima textul în albastru și fontul "Comic Sans MS" al pinului cincisprezece, trebuie să definiți eticheta "p" cu parametrii:

color = "# 6666ff" fata = "Comic Sans MS" dimensiune = "15"

De asemenea, există mai multe tag-uri care permit să se specifice un anumit tip de format: „b“ - Bold, „I“ - italice, „U“ - subliniere. Toți nu au parametri.

Pentru a seta atributele de text în HTML - dimensiunea fontului, setul cu cască - este destul de incomod. Imaginați-vă că trebuie să alterați blocuri cu design diferit de text. Apoi, la fiecare dintre etichete, va trebui să definiți aceleași atribute. Este mult mai convenabil să implementați acest lucru utilizând foi de stil CSS-cascadă. De exemplu, pentru a crea o clasă imagine denumită "myclass" cu același design ca în exemplul anterior, ați adăuga următoarea linie la eticheta "stil":

#myclass {font: rgb (102,102,255) "Comic Sans MS" 15pt-}

Aici "rgb (102,102,255)" stabilește culoarea, "Comic Sans MS" este setul cu cască, iar "15pt" este dimensiunea fontului. Culoarea poate fi, de asemenea, setată pe nume, iar fontul - în ambele pini și pixeli (pentru aceasta trebuie să scrieți, de exemplu, "20px").

Pentru a aplica acest design, trebuie să scrieți în eticheta "p":

class = "myclass"

În același mod puteți desena orice alt text. Este suficient să setați parametrul "clasă" cu valoarea clasei pe care doriți să o utilizați.

Și pentru a crea un identificator cu numele "myid", trebuie să scrieți în "style":

#myid {font: rgb (102,102,255) "Comic Sans MS" 15pt-},

iar în eticheta "p" setați atributul "id" cu valoarea "myid".

Clasa și identificatorul sunt aproape aceleași. În acest caz, o etichetă poate fi declarată ca prima sau a doua:

clasa = "myclass" id = "myid"

Există două modalități de a modifica aspectul textului - HTML și CSS. Dacă aveți nevoie să creați unul sau două blocuri, utilizați HTML. Și pentru un număr mare de paragrafe cu aceeași formatare, CSS este mai convenabil.

După cum puteți vedea, modificarea dimensiunii fontului în HTML nu este dificilă. Principalul lucru în programare este practica, așa că încercați să vă antrenați mai mult și veți reuși!