Как да HTML, за да вмъкнете графика, фоновото изображение. Как да вмъкнете изображение в HTML с компютъра по средата, на масата

Визуалната част е един от най-важните, когато се работи с обекти. Разбира се, функционалност е по-малък, но и да се хвърлят с него не трябва да се отчита. Нека поговорим за това как един компютър на сайта, за да инсталирате HTML изображение. се предоставя Една от възможностите за това, или няколко? Как да HTML, за да вмъкнете изображение, че други хора са го виждали? Какво по-добро използване - PC или сървър?

Какво е HTML?

Markup Language хипертекстови документи - че съкращението постоя. С него е бил гръбнакът на бъдещата сайта, тук той е работил поставяне на основните елементи. Тогава се създаде каскадни стилови таблици, както и на PHP-файлове, които са отговорни за предаването на данни. Но в основата на всяка страница е само HTML. С него, между другото, задаване на изображението. Има и други начини, но ако искате да се осигури първоначална цена от нещо по-просто, като например рисуване, използвайте името му. А сега нека да преминем към изясни въпросът за HTML, за да вмъкнете изображение.

Използването на IMG таг

Как да стигнем до използването на графики. Как да вмъкнете на фоновото изображение в HTML-документа? И най-вече предвид с това досие като вложка в обекта на страницата. Защото тук това допълнение и се използва IMG. Този маркер е елементи линия, където съдържанието се премества. Тя включва всички четири от Hyper Text Markup Language. Един - е SRC, височина и ширина, те ще се считат за по-нататък. другите три - този обект, за вграждане (въведете медийно съдържание) и вградена рамка (използването на пламъци). Tag работи така, сякаш тя е договорена покупка. Единствената разлика - се използва неразрешен външно съдържание, което се показва. И тя трябва да бъде страна по преписката следва, че в действителност, ще бъде зареден. Ако имате въпрос, как да вмъкнете фоново изображение в HTML, най-добре е да го изхвърли. Тъй като това ще бъде показана само при работа на самия компютър, на който се намира на изображението.

Използване на SRC атрибут

Така че, ние се обмисля въпроса за това как да вмъкнете HTML документ в графично изображение. За да укажете пътя към картината, която трябва да се зарежда, като се използва SRC. Общата схема е следната: вие трябва да използвате този атрибут, знак за равенство и въведете адреса.

След анализирането на HTML браузър идва с маркер, то веднага ще създаде зона, в която ще се появи ред. Тя е в него и ще се зареди външен файл. Пътят не трябва да съдържа грешки, тъй като тя е за него да отиде в програмата. И ако тя не намери файла, ще се появи икона за грешка, което не е много естетичен и изглежда. Как да вмъкнете изображение в таблица HTML-документ? Необходимо е да се регистрирате целия код на правилното място.

Регулиране на изображението на сървъра: височина и ширина на IMG таг

Така че ние знаем как да HTML, за да вмъкнете изображение. Сега нека разгледаме как да го конфигурирате. След като се изтегля от потребителя файл се стартира компютърът, тя ще бъде незабавно определен размер снимка. И какво, ако тя не отговаря на първоначалните параметри на желаното? В този случай, параметрите могат да помогнат на (брой пиксели) височина и ширина. В този случай, кодът ще бъде предписано, както следва: на първо място, SRC и адрес на файла. Тогава с подобни структури посочено ширина, и какво трябва да бъде ширина. И последното - височина и височина. Уеб администратори често правят грешката: сървърът качване на големи файлове, чийто размер е няколко мегабайта. Предписани път, и настройва изображението до желания размер. В резултат на това, потребителят може да съзерцава като доста бавно зарежда малък образ. Това не е много привлекателен външен вид отвън.

Препоръки за работа

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

Пример възможности за запис

Нека да разгледаме как можете да зададете пътя до картинката:

1. наименование Един файл.

2. Забележка адрес на изображението разположена на един локален компютър (сървър).

3. Подробна път до местоположението на файла на друг хост.

При използване на примера на първия параграф на изображението трябва да бъде в същата директория, в изображението. Второто място е подпапка в сравнение с текущата страница. Третият пример определя абсолютния път къде да намерите изображението, което искате. В последния случай, имайте предвид, че на снимката може да бъде на всеки сървър (ако такова използване не е забранено в .htaccess файла). Въпреки това, ако тя се отстранява, и изображението на вашия сайт изчезва. HTML е функция, която изисква наличието на само маркиране на документа, а всичко останало може да бъде качен на сървъра страна. Тези методи често се използват за увеличаване на скоростта на изтегляне (но тогава ще трябва да знаете как да използвате тази услуга).

Назначаване на ALT и заглавие на IMG?

Какво да правите, когато файл с изображение, независимо по каква причина, не е заредена с HTML документ? Ако е грешно да си път или нещо друго, трябва да се използва н атрибут. Той има за задача да бъде алтернатива на изображението. Тук можем да приемем, че графиките не са заредени. Но браузъра все още се образува зоната под изображението. Също така е необходимо в случаите, когато потребителят очаква podgruzki, и вие трябва да му покажа, че програмата е готова да приеме график.

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

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

приведе снимки

За изображения, и като цяло всички 4 от маркиращ език елементи, които преди това са били споменати, е въведена с атрибута подравняване. С него можете да промените местоположението на снимките. По подразбиране, се изравняват с долния край. За това е в дъното. И как да се направи най-отгоре? Това налага отгоре. На практика това ще изглежда така: след КРБ, когато адресът на изображението показва, добавете подравняване атрибут и неговата стойност.

И в линията, където има една картина, той ще бъде приведено в съответствие с горния ръб. Как да HTML, за да вмъкнете изображение в центъра? Има още една възможност да пиша - средна. При използването му не се промени из основи нищо. При използване на такъв модел на код ще бъде подравнен в средата. Можете също така да направите, за да укажете кой текст около изображението. За да направите това, се прилагат наляво и надясно, атрибути. се превръща в "плаващ" В такива случаи на изображението. Изместване наляво изглежда по същия начин, както другите правопис. Използването на правото ще даде подобен резултат с тази разлика, че на снимката ще бъде поставен в дясно. Използването на тези инструкции има свои нюанси. По този начин, значителен проблем е твърде голяма близост текст към изображението. Поради това тя създава ефект на прилепване, което е доста неприятно за окото. Но това може да се коригира с помощта на лист каскаден стил или HTML-код. Използването на такива промени vspace и hspace атрибути. Първият задава уплътнение горната и долната част, а втората - в дясно и в ляво.

Ние правим фон

Как да вмъкнете изображение в сайта HTML-страница? Много е полезно да се постигне това е да се припише фон. Тя е компонент на частта от тялото. Неговата цел - да покаже пътя към файла с изображение, което трябва да попълните на страницата, на маса или една клетка. На практика, използването е както следва: Регистрите на изображението адрес имат параметър на стойност bodybackground. фоновото изображение е настроено по такъв начин, повтаряща се по броя на осите съгласува и абсцисната, като се започне от горния ляв ъгъл. Предишна док тук последва. Ако искате да се попълни нещо толкова просто като един цвят, вместо да използвате снимка, можете да използвате това кратко описание: брой мащаб е посочен като параметър характерен за тялото BGCOLOR. Тук имаше малки промени. Както можете да видите, това е вече в употреба BGCOLOR атрибут. За това се изисква единствено да се уточни какъв цвят ще бъде изпълнен със страница или част от него. Ето как можете да вмъкнете изображение в HTML с компютър, за да го направи на заден план и да промените цвета. По принцип, за да се научите напълно HTML, достатъчно време, за да му се даде една седмица, а това е повече от достатъчно.

заключение

HTML кодът, въпреки че той не може да претендира, че е пълноправен език за програмиране, обаче, е изключително ценна при създаване на сайт. Той е истински кост. И ние можем да кажем с увереност, сега, че знаете, тъй като работим с фона и фиксирани изображения, и ги прилага към линковете. Така че отговорът на въпроса как да вмъкнете изображение в HTML, трябва да е ясно.