ßê îôîðìëÿòè òåãè

³äåî - "ßê îôîðìèòè îñîáèñòèé ùîäåííèê "My Little Pony"(²äå¿ îôîðìëåííÿ îñîáèñòîãî ùîäåííèêà) "

Áàãàòüîì ïî÷àòê³âöÿì âåá-ìàéñòðàì ìîâó ðîçì³òêè HTML çäàºòüñÿ äóæå ñêëàäíèì, àëå íàñïðàâä³ â íüîìó íåâàæêî ðîç³áðàòèñÿ, ÿêùî âè õî÷åòå íàâ÷èòèñÿ ñòâîðþâàòè ³íòåðíåò-ñàéòè. Äëÿ ôîðìàòóâàííÿ ³ ãðàìîòíîãî îôîðìëåííÿ êîíòåíòó âåá-ñòîð³íîê íåîáõ³äíî çíàòè ïðî îñíîâí³ òåãàõ ìîâè HTML, çàâäÿêè ÿêèì òåêñò íà ñòîð³íêàõ âèãëÿäຠêðàñèâî, ëåãêî ÷èòàºòüñÿ ³ ñïðèéìàºòüñÿ â³äâ³äóâà÷àìè ñàéòó.
²íñòðóêö³ÿ
1
Äëÿ ïîä³ëó òåêñòó íà ïàðàãðàôè âèêîðèñòîâóéòå òåã. Òåêñò, ðîçä³ëåíèé íà ÷àñòèíè, ñïðèéìàºòüñÿ ÷èòà÷åì íàáàãàòî ëåãøå, à ñòðóêòóðîâàíà ³íôîðìàö³ÿ øâèäøå ïðîíèêຠâ éîãî ïàì`ÿòü.
2



Äëÿ ñïðèéíÿòòÿ òåêñòó òàêîæ äóæå âàæëèâ³ ïðàâèëüíî îôîðìëåí³ çàãîëîâêè. Âè ìîæåòå âñòàâèòè â òåêñò çàãîëîâêè áóäü-ÿêîãî ðîçì³ðó - íàéá³ëüøèé ðîçì³ð òåêñòó âè îòðèìàºòå, óêëàâøè éîãî â òåãè , à íàéìåíøèé - â òåãè
. Ãîëîâíèé çàãîëîâîê â³äçíà÷àéòå íàéá³ëüøèì òåãîì, à ï³äçàãîëîâêè, äåäàë³ ìåíø³ çà ³ºðàðõ³ºþ òåêñòó, â³äçíà÷àéòå çìåíøóþòü òåãàìè.
3
Äî öèõ òåãàì âè ìîæåòå çàñòîñóâàòè àòðèáóòè, ÿê³ âèð³âíþþòü òåêñò ïî öåíòðó, ë³âîìó àáî ïðàâîìó êðàþ: align left, align center, align right, align justify.
4
Íàðåøò³, äëÿ òîãî ùîá âàø òåêñò âèãëÿäàâ íà ñòîð³íö³ êðàñèâî, éîãî íåîáõ³äíî â³äôîðìàòóâàòè, à çíà÷èòü, âàì áóäóòü ïîòð³áí³ òåãè strong, b, em, i. Çà äîïîìîãîþ öèõ òåã³â âè ìîæåòå âèä³ëèòè áóäü-ÿêèé ôðàãìåíò òåêñòó, íà ÿêèé âè õî÷åòå çâåðíóòè óâàãó â³äâ³äóâà÷³â.
5
Äëÿ òîãî ùîá ñòîð³íêà áóëà á³ëüø ðåëåâàíòíîþ äëÿ ïîøóêîâèõ ñèñòåì, âèêîðèñòîâóéòå çàì³ñòü òåã³â b ³ i òåãè em ³ strong, ùîá âèä³ëèòè òåêñò êóðñèâîì àáî æèðíèì øðèôòîì. ßê âè âæå çðîçóì³ëè, äëÿ òîãî ùîá çðîáèòè òåêñò æèðíèì, óêëàä³òü éîãî â òåãè, à äëÿ òîãî ùîá òåêñò ñòàâ ïîõèëèì, óêëàä³òü éîãî â òåãè.
6
ßêùî æ âàñ íå âëàøòîâóº øðèôò, çà çàìîâ÷óâàííÿì âñòàíîâëåíèé íà ñòîð³íö³, âè ìîæåòå çì³íèòè éîãî çà äîïîìîãîþ òåãà font. Ó öüîãî òåãà º àòðèáóòè, ùî âèçíà÷àþòü êîë³ð, ðîçì³ð ³ òèï øðèôòó. Âèêîðèñòîâóéòå àòðèáóò color äëÿ çì³íè êîëüîðó, àòðèáóò size ç³ çíà÷åííÿìè â³ä 1 äî 7 äëÿ çì³íè ðîçì³ðó ³ àòðèáóò face äëÿ çì³íè ñàìîãî òèïó øðèôòó.
7
Äëÿ ðîçì³ùåííÿ ó òåêñò³ ã³ïåðïîñèëàííÿ, âèêîðèñòîâóéòå òåãè . Òàêîæ ³ñíóº ìàñà ³íøèõ òåã³â, ùî äîçâîëÿþòü ðîçì³òèòè òåêñò íà òàáëèö³ ³ ôðåéìè, à òàêîæ ñòâîðèòè á³ëüø ãðàìîòíå îôîðìëåííÿ ñòîð³íêè. Âèâ÷èâøè îñíîâí³ òåãè, âè ëåãêî îñâî¿òå âñþ ðîçì³òêó HTML.

Ïîä³ëèñÿ â ñîö ìåðåæàõ:

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!
Ñõîæ³
» » ßê îôîðìëÿòè òåãè