Ինչպես լրացնել ֆոնը Html- ով

Բովանդակություն:

Ինչպես լրացնել ֆոնը Html- ով
Ինչպես լրացնել ֆոնը Html- ով

Video: Ինչպես լրացնել ֆոնը Html- ով

Video: Ինչպես լրացնել ֆոնը Html- ով
Video: CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER. Уроки HTML CSS JS. Урок №11 2024, Նոյեմբեր
Anonim

HTML նշման լեզուն թույլ է տալիս էջի ֆոնը դարձնել ցանկացած գույնի ամուր գույն, ինչպես նաև պատկերներ տեղադրել դրա վրա: Սա հնարավորություն է տալիս տեքստ ստանալ, օրինակ, լանդշաֆտի կամ թղթի հյուսվածքի դեմ:

Ինչպես լրացնել ֆոնը html- ով
Ինչպես լրացնել ֆոնը html- ով

Հրահանգներ

Քայլ 1

Ընտրելով ֆոնի գույն կամ պատկեր `դրա վրա տեղադրելու համար, առաջնորդվեք հիմնականում տեքստի ընթերցանությամբ: Ֆոնը պետք է հակապատկեր լինի, այլ կերպ ասած ՝ հերոսները պետք է հստակորեն առանձնանան դրա վրա: Եթե որոշեք ֆոնը գրաֆիկական դարձնել, համոզվեք, որ պատկերի հեղինակը դուք եք կամ իրավունք ունեք այն օգտագործել պայմանագրի հիման վրա (օրինակ ՝ անվճար լիցենզիա):

Քայլ 2

Գտեք պիտակը էջի HTML աղբյուրում: Ֆոնը պինդ ու գունավոր դարձնելու համար ավելացրեք bkcolor փոփոխականը փաստարկով որպես գունավոր կոդ: Դրանից հետո կառուցվածքն այսպիսի տեսք կունենա. <Body bkcolor = rrggbb: gt;, որտեղ rr, gg և bb տասնվեցական թվեր են ՝ 00-ից FF տիրույթում: Դրանցից առաջինը սահմանում է կարմիր բաղադրիչի ինտենսիվությունը, երկրորդը `կանաչին, իսկ երրորդը` կապույտին:

Քայլ 3

Եթե ցանկանում եք պատկեր տեղադրել ֆոնի վրա, նախ և առաջ, նվազեցրեք դրա չափը այնպես, որ այն ունենա ինչպես հորիզոնական, այնպես էլ ուղղահայաց բանաձևեր, ներառյալ 320-ից պակաս: Պահեք այն որպես նոր ֆայլ ՝ բնօրինակը փչացնելուց խուսափելու համար: Խնդրում ենք օգտագործել JPG,.png

Քայլ 4

Վեբ ինտերֆեյսի կամ ծրագրային ապահովման FTP հաճախորդի միջոցով պատկերային ֆայլը տեղադրեք սերվերի այն թղթապանակում, որտեղ գտնվում է ձեր կողմից խմբագրվող HTML ֆայլը:

Քայլ 5

Bkcolor փոփոխականի փոխարեն, պիտակի վրա ավելացրեք ֆոնի փոփոխականը ՝ որպես պատկերային ֆայլի անվանում, փաստարկով: Այժմ այն կտեսնի այսպես. Որտեղ fon

Քայլ 6

Վերբեռնեք նորացված HTML ֆայլը սերվերում: Բացեք զննարկչում: Համոզվեք, որ ֆոնը ճիշտ է ցուցադրվում: Եթե դրա վրա պատկեր կա, այն կկրկնվի ինչպես հորիզոնական, այնպես էլ ուղղահայաց ՝ լրացնելով էջի ամբողջ տարածությունը: Ստուգեք, թե որքան լավ է կարդում նոր ֆոնի վրա տեքստը տարբեր զննարկիչներում: Անհրաժեշտության դեպքում օգտագործեք այլ գույնի կամ գրաֆիկական ֆայլ:

Խորհուրդ ենք տալիս: