Атрыбуты HTML: віды і прымяненне. HTML-даведнік

TML обладает широким выбором тегов для придания сайту приятного внешнего вида. Мова разметкі гіпертэксту H TML валодае шырокім выбарам тэгаў для надання сайту прыемнага вонкавага выгляду. З часам пачатковец вэб-дызайнер разумее, што проста размеціць тэкст недастаткова. Сярод сучасных вэб-старонак трапляюцца сапраўдныя творы мастацтва. Майстры па стварэнні сайтаў гуляюць шрыфтамі тэксту, памерамі і месцазнаходжаннем элементаў, як хочуць. позволяют присваивать тегам определённые свойства, дополнять и изменять их содержимое. Менавіта атрыбуты HTML дазваляюць прысвойваць тэгах пэўныя ўласцівасці, дапаўняць і змяняць іх змесціва.

атрыбуты

Атрыбуты прапісваюцца ў адкрывае тэгу і складаюцца з двух частак. Першая - імя, якое пішацца праз прабел пасля назвы тэга. Другая частка - значэнне атрыбуту, якое паказваюць пасля знака «=» і складаюць у двукоссе. разнятся для разных тегов. Атрыбуты HTML адрозніваюцца для розных тэгаў. Большасць з іх выконвае розныя задачы, але ёсць некалькі агульных атрыбутаў. Іх можна прымяніць да многіх элементаў вэб-старонкі.

Адзін тэг можа ўтрымліваць некалькі атрыбутаў. Яны пішуцца адзін за адным і размяшчаюцца выключна ў адкрывае тэгу. Зачыняе не можа ўтрымліваць ніякіх атрыбутаў.

Універсальныя атрыбуты элементаў HTML

Ёсць некалькі атрыбутаў, якія можна прымяніць да розных тэгах. Яны адказваюць за размяшчэнне элемента на старонцы, яго вышыню, шырыню, колер і іншыя візуальныя эфекты. Align, которому можно присвоить значения right, left или center. Адзін з такіх - Align, якому можна прысвоіць значэння right, left або center. Ён выраўноўвае тэг па гарызанталі, таму можа апынуцца карысным для большасці элементаў разметкі. делает то же самое, но по вертикали. Valign робіць тое ж самае, але па вертыкалі. top, bottom и middle. Яму можна прысвоіць значэння top, bottom і middle. bgcolor, отвечающий за цвет фона. Наступны універсальны атрыбут - bgcolor, які адказвае за колер фону. RGB. Яго значэнне паказваюць у выглядзе лікавага кода, які азначае адзін з кветак RGB. background. Фонам можа стаць малюнак, калі скарыстацца атрыбутам background.

Элементу можна задаць назву, якое будзе выводзіцца на экран пры навядзенні на яго. title, значение которого определяет пользователь. Для гэтага варта скарыстацца атрыбутам title, значэнне якога вызначае карыстальнік. Існуе яшчэ адзін падобны атрыбут, які служыць для стварэння унікальнага ідэнтыфікатара элемента. id и позволяет создателю сайта задавать стиль для конкретного тега. Гэты атрыбут называецца id і дазваляе стваральніку сайта задаваць стыль для канкрэтнага тэга. CSS используют атрибут под названием class, который будет рассматриваться как имя тега в каскадных таблицах стилей. Для працы з CSS выкарыстоўваюць атрыбут пад назвай class, які будзе разглядацца як імя тэга ў каскадных табліцах стыляў. width, а высоту - с помощью атрибута height. Шырыню табліцы, малюнкі або вочка можна задаць пры дапамозе width, а вышыню - з дапамогай атрыбуту height. Ёсць і іншыя глабальныя атрыбуты, але яны наўрад ці спатрэбяцца пачаткоўцу.

Атрыбуты тэга HTML

документ. Існуе некалькі карысных атрыбутаў, якія аказваюць уплыў на ўвесь H TML- дакумент. Некаторыя з іх можна ўжываць да асобных фрагментах, напрыклад lang. Гэты атрыбут паказвае мова тэксту на вэб-старонцы. Навошта гэта трэба, калі сайт выглядае карэктна і без пазначэння мовы? На самай справе некаторыя сімвалы па-рознаму адлюстроўваюцца для розных моў. а для русского вот так «...». Напрыклад, двукоссі для ангельскай мовы выглядаюць так - "...", а для рускага вось так «...». необходимо, но зачастую можно обойтись и без него. У некаторых выпадках выкарыстанне lang неабходна, але часцяком можна абыйсціся і без яго. выполняет аналогичную функцию, но его применяют в документах XHTML. Атрыбут xml: lang выконвае аналагічную функцыю, але яго ўжываюць у дакументах XHTML.

Можна задаць не толькі мову дакумента, але і спецыяльную падказку. title. Яна выскоквае пры навядзенні курсора на вэб-старонку і задаецца з дапамогай атрыбуту title. , задающий пространство имён документа XHTML. Ёсць яшчэ адзін атрыбут для тэга , задавалы прастору назваў дакумента XHTML. xmlns. Яго назва - xmlns. http://www.w3.org/1999/xhtml . Значэнне гэтага атрыбуту з'яўляецца спасылкай - http://www.w3.org/1999/xhtml. Ніякія іншыя значэнні яму прысвоіць нельга.

Параметры шрыфта CSS

Некаторыя атрыбуты HTML выкарыстоўваюць для ўказанні шрыфта ў CSS. Першы з іх завецца font-family. У ім паказваюць спіс шрыфтоў, якія будуць выкарыстаныя ў які-небудзь элеменце. Значэнне гэтага атрыбуту - назва шрыфта. Абраны шрыфт можна змяніць пры дапамозе font-style. Гэты параметр можа зрабіць шрыфт нахільным або адзначыць яго курсівам. (обычный) , italic ( курсив) и oblique ( наклонный ). Значэння - normal (звычайны), italic (курсіў) і oblique (нахільны). Наступны карысны атрыбут для каскадных табліц стыляў завецца font-variant. З яго дапамогай можна вылучыць тэкст адмысловымі вялікімі літарамі. всего два значения — normal и small-caps. У font-variant ўсяго два значэння - normal і small-caps.

и отвечает за толщину текста. Яшчэ адзін атрыбут для шрыфта называецца font-weight і адказвае за таўшчыню тэксту. если вам нужны буквы стандартной толщины. Яму можна прысвоіць значэнне normal, калі вам патрэбныя літары стандартнай таўшчыні. а для полужирного — bold. Для светлай тэксту вынікае паставіць значэнне lighter, а для паўтлустага - bold. Тоўсты тэкст пазначаны ў дадзеным атрыбуце як bolder. Можна задаваць таўшчыню знакаў у лікавым фармаце. У гэтым выпадку 100 - тонкі шрыфт, а 900 - самы тоўсты варыянт. задают размер шрифта. Пры дапамозе атрыбуту font-size задаюць памер шрыфта. пикселях ( px) и процентах (%). Яго можна пазначыць у пунктах (pt), пікселях (px) і працэнтах (%). Для таго каб атрымаць стандартны памер шрыфта, задайце гэтаму атрыбуту значэнне normal.

ўласцівасці тэксту

Пры дапамозе пісьменнага выкарыстання атрыбутаў можна змяняць не толькі шрыфт, але і ўвесь тэкст. Задаць міжрадковы інтэрвал можна з дапамогай атрыбуту line-height. Гэты параметр задаюць, паказваючы дакладнае значэнне ў пікселях, адсоткавыя суадносіны або множнік. Да дадзенага атрыбуту дастасавальна значэнне normal. Можна дадаць прыгожыя эфекты для тэксту, калі ў гэтым ёсць неабходнасць. Для гэтага існуе атрыбут text-decoration. если нужно убрать все эффекты оформления. Прысвойце яму значэнне none, калі трэба прыбраць усе эфекты афармлення. добавит в текст подчёркивание, а overline – линию над текстом. Underline дадасць у тэкст падкрэсленне, а overline - лінію над тэкстам. сделает текст мигающим, а line-through перечеркнёт его. Значэнне blink зробіць тэкст перарывістым, а line-through перечеркнёт яго.

Яшчэ адзін карысны атрыбут - text-transform. то текст будет начинаться с прописных букв. Калі прысвоіць яму значэнне capitalize, то тэкст будзе пачынацца з вялікіх літар. сделает все буквы прописными, а lowercase, наоборот, строчными. Значэнне uppercase зробіць усё літары вялікімі, а lowercase, наадварот, малымі. Каб прыбраць усе эфекты, прысвойце гэтаму атрыбуту значэнне none. астроить отступ первой строки поможет text-indent. Н астроить водступ першага радка дапаможа text-indent. Яму можна прысвоіць значэнне ў пікселях або працэнтах. - align — атрибут, отвечающий за выравнивание текста. Text - align - атрыбут, які адказвае за выраўноўванне тэксту. Магчымыя значэння гэтага параметру - left, right, center, justify. Не спрабуйце адразу запомніць асноўныя атрыбуты, на пачатковым этапе вам дапаможа HTML-даведнік.

Тэгі і атрыбуты HTML

Калі вы вырашылі асвоіць мастацтва стварэння вэб-старонак, вам давядзецца запомніць мноства тэгаў. Атрыбуты HTML не менш важныя, так як без іх немагчыма стварыць сайт. Умелае выкарыстанне гэтых кампанентаў мовы дазволіць ствараць прыстойныя вэб-старонкі. Некаторыя тэгі маюць свае унікальныя атрыбуты, запамінаць якія цяжка і немэтазгодна. Таму нават дасведчаныя вэб-дызайнеры трымаюць пад рукой HTML-даведнік. У гэтым няма нічога ганебнага, бо ніколі не ведаеш, які тэг або атрыбут сёння спатрэбіцца. Аднак пажадана памятаць глабальныя атрыбуты, якія можна прымяніць да большасці існуючых элементаў. Для замацавання матэрыялу, паспрабуйце прымяніць атрыманыя веды на практыцы. и он принесёт вам массу положительных эмоций, а также солидный доход. Асвойвайце мова HTML, і ён прынясе вам масу станоўчых эмоцый, а таксама салідны прыбытак.