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

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

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

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

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

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

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

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

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

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

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

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

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

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

Тук "rgb (102,102,255)" определя цвета, "Comic Sans 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 не е трудна. Основното нещо в програмирането е практиката, затова опитайте да тренирате повече и вие ще успеете!