HTML атрибути: Типове и приложения. Позоваване на HTML

Езикът за маркиране на хипертекст H TML има богат избор от етикети, за да придаде на сайта приятна визия. С времето новият уеб дизайнер разбира, че не е достатъчно просто да маркирате текста. Сред съвременните уеб страници се срещат истински произведения на изкуството. Майсторите за създаване на сайтове възпроизвеждат текстови шрифтове, размер и местоположение на елементите, както искат. Това е атрибутът HTML, който ви позволява да присвоите специфични свойства на маркерите, да добавяте и променяте тяхното съдържание.

Атрибути

Атрибутите се записват в оригиналния етикет и се състоят от две части. Първото е име, написано в интервал след заглавието на етикета. Втората част е значението на знака, посочващ след знака "=" и е заграден в двойни кавички. HTML атрибутите са различни за различните маркери. Повечето от тях изпълняват различни задачи, но има няколко общи атрибута. Те могат да бъдат приложени към много елементи на уеб страница.


Един маркер може да съдържа няколко атрибута. Те са написани един по един и се намират изключително в оригиналния етикет. Затварянето не може да съдържа никакви атрибути.

Универсални атрибути на HTML елементи

Има няколко атрибута, които могат да бъдат приложени към различни тагове. Те отговарят за местоположението на елементите на страницата, неговата височина, ширина, цвят и други визуални ефекти. Една от тях е Align, която може да бъде присвоена дясна, лява или централна стойност. Той подравнява тага хоризонтално, така че може да е полезен за повечето елементи за маркиране. Valign прави същототочно, но вертикално. Може да се присвои стойност от горната, долната и средната. Следният универсален атрибут bgcolor отговаря за цвета на фона. Неговите стойности са дадени под формата на цифров код, което означава един от RGB цветовете. Фоновото изображение може да бъде, ако използвате атрибута за фон.



Можете да зададете елемент, който ще бъде показан на екрана, когато бъде насочен към него. За да направите това, използвайте атрибута за заглавие, чиято стойност се определя от потребителя. Има друг подобен атрибут, който служи за създаване на уникален идентификатор на елемент. Този атрибут се нарича id и позволява на създателя на сайта да зададе стила за конкретен маркер. CSS използва атрибут, наречен class, който ще се третира като име на маркер в каскадни таблици със стилове. Можете да зададете ширината на таблица, изображение или клетка, като използвате ширината и височината, като използвате атрибута height. Има и други глобални атрибути, но е малко вероятно те да са начинаещи.

Атрибути на HTML тага

Има няколко полезни атрибута, които засягат целия HML TML документ. Някои от тях могат да се прилагат към отделни фрагменти, като например ланг. Този атрибут определя езика на текста на уеб страницата. Защо имам нужда от това, ако сайтът изглежда правилно и не посочва език? Всъщност някои символи се показват различно на различни езици. Например, краката на английския език изглеждат така - "", а за руската ос "". В някои случаи е необходимо използването на lang, но често можете да го използвате и без него. Атрибутът xml: lang е подобенфункция, но се използва в XHTML документи.
Можете да посочите не само езика на документа, но и специален подсказка. Тя следва, когато задържите курсора върху уеб страница и е зададен с атрибута за заглавието. Има и друг атрибут за маркера, който указва пространството на имената на XHTML документа. Името му е xmlns. Стойността на този атрибут е връзката - http://www.w3.org/1999/xhtml. Не могат да му бъдат присвоени други стойности.

Настройки за CSS шрифтове

Някои HTML атрибути се използват за обозначаване на шрифта в CSS. Първият се нарича семейство шрифтове. Той определя списък с шрифтове, които да се използват във всеки елемент. Стойността на този атрибут е името на шрифта. Избраният шрифт може да се променя с помощта на шрифт. Тази опция може да накара шрифта да наклони или да го маркира с курсив. Стойности - нормални, курсивни (наклонени) и наклонени (наклонени). Следващият полезен атрибут за каскадни стилови таблици се нарича font-variant. Тя може да се използва за маркиране на текст със специални главни букви. В шрифт-вариант само две стойности са нормални и малки.
Друг атрибут за шрифта се нарича font-weight и е отговорен за дебелината на текста. Може да бъде настроено на нормално, ако се нуждаете от букви със стандартна дебелина. За лек текст трябва да зададете стойността по-светла, а за удебелен. Удебеленият текст се обозначава като по-смел в този атрибут. Можете да зададете дебелината на знака в цифров формат. В този случай, 100 е тънък шрифт, а 900 е най-дебелата версия. Атрибутът размер на шрифта определя размера на шрифта. Може да бъде маркиран вточки (pt), пиксели (px) и проценти (%). За да получите стандартен размер на шрифта, задайте стойността на този атрибут на нормален.

Свойства на текста

С правилното използване на атрибутите, можете да промените шрифта, но и целия текст. Можете да укажете разстоянието между редовете, като използвате атрибута line-height. Този параметър се задава чрез задаване на точната стойност в пиксели, процента или множителя. Този атрибут е настроен на нормално. Можете да добавите красиви текстови ефекти, ако е необходимо. Това е атрибутът за декориране на текст. Дайте му стойност на нищо, ако искате да премахнете всички ефекти от дизайна. Подчертаването добавя долна черта към текста, а надписите са ред над текста. Стойността на мигането ще направи текста мигащ, а линейното преминаване ще го замени.
Друг полезен атрибут е text-transform. Ако му зададете стойността на главна буква, текстът ще започне с главни букви. Стойността на големите букви ще направи всички букви големи, а малките букви, напротив, са малки. За да премахнете всички ефекти, задайте стойност на този атрибут none. H ще построи отстъп от първия ред ще помогне текстови отстъп. Може да се зададат стойности в пиксели или проценти. Текст - подравняване - атрибутът, който отговаря за подравняването на текста. Възможните стойности за този параметър са ляво, дясно, централно, оправдано. Не се опитвайте да запомняте основните атрибути веднага, на началния етап ще ви помогнем с HTML препратката.

Етикети и атрибути HTML

Ако решите да овладеете изкуството за създаване на уеб страници, ще трябва да запомните много етикети. HTML атрибутите са толкова важни, колкото и без тяхте не могат да създадат сайт. Умелото използване на тези компоненти на езика ще ви позволи да създадете достоверни уеб страници.
Някои етикети имат свои уникални атрибути, които е трудно да се запомнят и нецелесъобразни. Ето защо, дори опитни уеб дизайнери държат HTML ръководство на пръстите си. Няма нищо лошо в това, тъй като никога не знаеш какъв маркер или атрибут ти трябва днес. Желателно е обаче да се помнят глобалните атрибути, които могат да бъдат приложени към повечето от съществуващите елементи. За да се консолидира материалът, опитайте се да приложите знанията, придобити на практика. Научете езика на HTML, и той ще ви донесе много положителни емоции, както и солидни доходи.

Свързани публикации