ПредишенСледващото

Как графичен фон в интернет (HTML) страници и други съоръжения - Разпределение HTML

Ние ви научи как да създадете първата си уеб страница

Other.html поставете във файла като фон WEB страница скица winner.jpg, което сме пазили в WEB папка в минали преживявания.

Добави към края на началния маркер стил фон изображение: URL ( "winner.jpg '); така, че маркерът За да следвате форма:

В прозореца на браузъра, ще видите, че сега на фона на тази страница не е монохромен синьо, както и преди, и образа на заредените снимките записахме в winner.jpg файл. На този фон се появява чисто нов текстов документ и очертание image.gif. Но си спомни, че не сме се премахне BGCOLOR атрибут на тага . В такива случаи, когато маркера определя двете качества - BGCOLOR и фон - браузър обикновено дава предпочитание атрибут фон Използва се, но, ако изтеглянето на фоново изображение нереално, използвани BGCOLOR атрибут.

Предистория на страницата на WEB чрез CSS

Друг метод за определяне на заден план - с помощта на езика на СГО каскадни стилове. Както можете да видите в момента, този метод осигурява WEB страница на програмист е много по-големи възможности за управление на фона на изображението. Така че е по-лесно да се запознаят с тях, поставете скица winner.jpg като фоново изображение на втората страница на нашия сайт, list.html съхранява във файл, използвайки езика на Cascading Style Sheets.

Ние сме по-рано определя външния вид на текста на първата уеб страница с помощта на Cascading Style Sheets език, като посочва стилове като стойност на атрибута стил в маркера <р>. Но има и друг, по-желани определения опция стил, където описанието на стила лист се поставя вътре WEB документа хедър ... в откриването маркер трябва да има последващи форма:

Поставете този маркер в list.html файла с HTML код.

Поставете празен ред във файла след list.html елемента Какво се вълнува? и въведете етикети , както е посочено по-горе. HTML код заглавни уеб страници, затворени между таговете ..., Аз съм длъжен да има такива мнения:

Какво се вълнува? и въведете кода е посочено, който определя стила на тялото на елемента.

HTML елемент трябва да изглежда последващо начин:

List.html Запазете файла и да го отворите в браузъра. Ще откриете, че преди това сте задали цвят на фона заменя с образа на winner.jpg файл и текстовото съдържание на документа се появява днес на новия фон.

Ако текстът е трудно да се види на нов фон, променя цвета с помощта на текст атрибут таг , например, .

Включете посочено имота в HTML кода на даден файл list.html така че елементите За да следвате форма:

Възпроизвеждането на фона на (HTML) на уеб страница

Сега фон браузър скеч отнема само най-високата част на документа. Колкото по-ниска и може да бъде дясна страна, в случай на висока разделителна способност на монитора, изпълнена с едноцветен фон, което сте задали по-рано.

Имотът фон-повторение също могат да имат следните значения:

Повтарям - фон се повтаря както хоризонтално и вертикално; Това е настройката по подразбиране;

Повтарям-х - фон се повтаря само хоризонтално;

Повтарям-ш - фон повтаря само вертикално.

Разположете фоновото изображение на една страница може да бъде променена с помощта на характеристика фон-позиция. Тъй като стойностите на характеристиките, описани ключови думи, които характеризират положението на изображението по вертикалната - горната част (горе), център (в средата), дъно (отхвърлено) - и хоризонтално - наляво (вляво), център (в средата), право (вдясно). Първият се посочва вертикално положение. Например, фон-позиция на код: центъра център подравнява очертанията на страниците център хоризонтално, както и вертикално.

Добави описание на параметрите на елемент файл на тялото list.html имот фон-позиция: център център. елемент Този файл трябва да вземе последващо форма:

Как да се направи портрет на фона на страницата за WEB

Предшестващо скица ще бъде поставен в центъра на страницата в същото долната и горната част на страницата и отляво и отдясно на монитора с резолюция 1024 x 768 и по-горе, ще бъде изпълнен с плътен цвят.

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

Включете посочено имота в описанието на елемента на тялото за стил. елемент HTML файл list.html код трябва да предприеме по форма:

Сега ще видите, че когато превъртате страницата фоново изображение остава неподвижен и текст, както и други елементи на страницата за WEB, се преместват на заден план.

Виждате ли, въвеждането на езика на Cascading Style Sheets предоставят повече възможности за представянето на фоновото изображение на страницата в интернет, отколкото използването на атрибутите на фона на маркера .

Допълнителна информация за

Описание на това как се поставя собствената си първия линк в текста на уеб (HTML) страница

Пълното и детайлно описание на графични формати, използвани в Интернет и че се препоръчва в някои случаи да се използва

Описание на това как лесно и правилно направени списъци със стойностите в интернет страници (HTML)

Подкрепете проекта - споделете линка, благодаря!