Як зрабіць фон у HTML. Кароткая інструкцыя

Дадзены артыкул дазволіць вам разабрацца з пытаннем: «Як зрабіць фон у HTML?» Будуць разабраны самыя распаўсюджаныя і зручныя спосабы, якія выкарыстоўваюцца сучаснымі распрацоўшчыкамі.

Каб зразумець, як зрабіць фон у HTML, трэба ўсяго толькі вывучыць адзін просты атрыбут. А менавіта bgcolor, якому можна прысвойваць значэння ў выглядзе назвы кветак або іх індывідуальнага кода. Выкарыстоўваць дадзены атрыбут можна для любога тэга або элемента, напрыклад, для асобных абзацаў, для формы, табліцы і г.д. Каб памяняўся колер ўсяго дакумента, пакажыце атрыбут bgcolor для тэга body. Але ёсць адна заўвага: bgcolor ўжо даўно прызнаны непажаданым і робіць ваш код аўтаматычна Неваліднасьць. Кансорцыум Сусветнай павуціны заклікае выкарыстаць усіх распрацоўшчыкаў CSS аналагі. Мова каскадных табліц дазваляе замяніць непажаданыя атрыбуты і нават дадае новыя магчымасці. Менавіта з дапамогай CSS можна дамагчыся самага блізкага выніку да задуманага.

аналагі атрыбутаў

Каб стварыць фон для сайта, лепш за ўсё выкарыстоўваць мову каскадных табліц стыляў. Ўласцівасць background-color дапаможа змяніць колер задняга плану любога элемента. Калі ў гэтай каманды не будзе спецыяльнага прызначэння да вызначанага тэгу, то фон зменіцца ва ўсяго дакумента. Да прыкладу, запіс background-color: red, зробіць задні план сайта чырвоным. А калі паказана больш падрабязнае апісанне, напрыклад p {background-color: green}, то фон кожнага тэга абзаца p стане зялёным. Чым больш дадзена канкрэтыкі, тым у правілы больш прыярытэту. Можна выкарыстоўваць кароткую запіс background. Як і ў выпадку з атрыбутам bgcolor, у якасці значэння ўласцівасці background-color можна паказваць усе вядомыя спосабы апісання колеру.

1. Па назве. Усяго існуе 17 асноўных назваў (red, green, blue і г.д.).
2. Па шаснаццатковае значэнні, дзе яно складаецца з лічбаў ад 0 да 9 і літар ад A да F (# c0c0c0).
3. З дапамогай абрэвіятур RGB, RGBA, HSL, HSLA. Запіс такім спосабам мае наступны выгляд RBG (122, 142, 92) або HSL (13, 21%, 75%).

малюнак

Адна з самых выдатных магчымасцяў CSS - гэта магчымасць выкарыстоўваць фонавыя малюнкі для сайта. У дадзеным выпадку замест звычайнага задняга плана будзе прымененая загадзя абраная карцінка. Ўласцівасць background-image можа выкарыстоўвацца для любога элемента або для ўсёй старонкі, падобна камандзе background-color. У якасці абавязковага значэння выступае запіс url. Пасля яе варта адрас, які павінен спасылацца на малюнак. Напрыклад, запіс background-image: url (image / 2.gif), абярэ файл 2.gif з каталога image і зробіць яго фонавай малюначкам. Адрас павінен знаходзіцца абавязкова ў дужках. Гэтае правіла можа мець кароткую запіс background, куды можна запісаць любыя ўласцівасці, якія адносяцца да фону. З дапамогай дадатковых каманд можна дамагчыся цікавых эфектаў. Напрыклад, background-attachment паказвае браўзэру, як павінна сябе ўвесці малюнак пры прагортцы вокны карыстальніка. Карцінка фону можа знаходзіцца заўсёды на адным месцы альбо перасоўвацца разам з усім змесцівам пэўнага элемента.

заключэнне

Спадзяемся, вы з гэтага артыкула даведаліся пра тое, як зрабіць фон у HTML. Пры гэтым на выбар даецца некалькі розных спосабаў. Калі вам важна, каб ваш код быў валідным, то нельга выкарыстоўваць атрыбут HMTL bgcolor. А лепш за ўсё забыцца пра дадзеную каманду і выкарыстоўваць толькі CSS правілы. Бо каскадныя табліцы стыляў былі прыдуманы адмыслова для таго, каб можна было лягчэй займацца дызайнам старонак. Менавіта таму атрыбуты падобныя bgcolor сыходзяць у мінулае і прызнаюцца непажаданымі пры стварэнні HTML-старонак. Пасля гэтых слоў можна лічыць пытанне «як зрабіць фон у HTML» закрытым.