Декориране на уеб страница и размер на шрифта в HTML

За начинаещите уеб дизайнери ще бъде полезно да знаете как се проектира текстът на уеб страницата. Те включват подравняване, цвят, размер на шрифта и много други.

Няколко етикети са свързани с форматирането. Най-често използваните "p" - параграф. Той има незадължителни параметри, които определят вида на текста.

Първият и основният параметър са "подравняване". Тя дефинира подравняването на текста и може да приеме стойностите "ляво", "дясно", "централно" и "оправдание" подравняване от лявата страна, отдясно, в средата и по цялата ширина на блока, съответно. Имайте предвид, че позицията на текста не е зададена по отношение на границите на екрана, но в рамките на параграфа.

Следват параметрите "клас" и "id", които определят кой клас принадлежи и кой е неговият идентификатор, включително атрибута "стил" - той определя вградения блок стил. Всички тези свойства са свързани с CSS, което ще обсъдим по-долу.

Маркерът "p" има един недостатък - не може да се използваПосочете вида на шрифта, например неговия цвят или размер. За тези цели е предвиден друг маркер - "шрифт". Всички параметри определят как ще изглежда текстът.

Първият атрибут на този маркер е "цвят". Както сте го познали, цветът е поставен в него. Този параметър може да се приема като имена ( "бели", "жълта", "магента"), а стойностите в RGB система. Това се прави по следния начин: първо постави знака #, а след това се открояват три числа в шестнайсетична система от 00 до FF или 0-255 - десетични - размера на червено, зелено и синьо в окончателния цвят. Например, за да използвате червена да напише "# ff0000", жълто - "# FFFF00".

Следващият атрибут е "лице". Тя определя шрифтовите слушалки. Например можете да го настроите на "Times New Roman" или "Tahoma".

И накрая, параметърът "размер" е отговорен за размера на шрифта в HTML. Това отнема цифрова стойност - размер.

Например, за да отпечатате текста в синьо и шрифта "Comic Sans MS" на петнадесетия щифт, трябва да дефинирате маркера "p" с параметрите:

цвят = "# 6666ff" лице = "Comic Sans MS" размер = "15"

Съществуват и няколко етикета, които ви позволяват да посочите един конкретен вид форматиране: "b" - удебелен шрифт, "i" - курсив, "u" - подчертаване. Всички те нямат параметри.

Посочете текстовите атрибути в HTML - размер на шрифта,слушалката е доста неудобна. Представете си, че трябва да редувате блокове с различен дизайн на текст. След това към всеки от маркерите ще трябва да дефинирате едни и същи атрибути. Много по-удобно е да се приложи това, като се използват CSS-каскадни стилови листове. Например, за да създадете класа на картина, наречена "myclass" със същия дизайн като в предишния пример, добавете следния ред към маркера "style":

#myclass {шрифт: rgb (102,102,255) "Comic Sans MS" 15pt;}

Тук "rgb (102,102,255)" определя цвета, "ComicSans MS "е слушалката, а" 15pt "е размерът на шрифта, можете също така да зададете цвета с името и шрифта както в пина, така и в пикселите (например пишете" 20px ").

За да приложите този дизайн, трябва да напишете в маркера "p":

class = "myclass"

По същия начин можете да нарисувате друг текст. Достатъчно е да зададете параметъра "клас" със стойността на класа, който искате да използвате.

И за да създадете идентификатор с името "myid", трябва да напишете "стил":

#myid {шрифт: rgb (102,102,255) "Comic Sans MS" 15pt;},

и в маркера "p" зададете атрибута "id" с стойността "myid".

Класът и идентификаторът са почти еднакви. В този случай един маркер може да бъде обявен за първи или втори:

class = "myclass" id = "myid"

Има два начина за промяна на външния видтекст - HTML и CSS. Ако трябва да създадете един или два блока, използвайте HTML. И за голям брой параграфи със същото форматиране, CSS е по-удобно.

Както можете да видите, промяната на размера на шрифта в HTML не е трудна. Основното нещо в програмирането е практиката, затова опитайте да тренирате повече и вие ще успеете!

</ p>