Поставете снимки с HTML - как работи
Свързани Видеоклипове: (Може 2024).
Ако искате да поставите изображение на уебсайта си с HTML, използвайте маркера img. Прочетете тук как точно работи това и какво трябва да внимавате.
Как да вмъкнете изображения с HTML - основите
- С деня
може да вмъква снимки. - Източникът на изображение е даден в маркера:
вмъква файла "testbild.webp" от подпапката "снимки" на уебсайта. - Възможни са и външни източници чрез URL:
интегрира CHIP логото от нашите сървъри.
HTML атрибути за вградени изображения
Многобройни атрибути могат да се добавят в тага на img:
- Използвайте "ширина" и "височина", за да определите размера на изображението в уебсайта: Изображението
се показва квадрат със странична дължина 100 пиксела. - С "alt" определяте алтернативен текст, който се показва, ако съответното изображение не може да бъде заредено. Винаги трябва да задавате този атрибут, когато вмъквате изображения с HTML.
- Атрибутът "border" указва дебелината на рамката в пиксели. Снимка с
има рамка, която е сравнително дебела с пет пиксела. - Използвайте "подравняване", за да подравните графиката. Стойностите за този атрибут са "отдолу", "отгоре", "средно", "вляво", "вдясно" и "в центъра".
- С "hspace" и "vspace" можете (хоризонтално и вертикално) да зададете разстояние до изображението.
Кой формат да използвам?
Има различни формати на изображения, които можете да включите в HTML кода.
- JPG: изображенията във формат JPG най-често се използват за уеб страници. Този формат представлява 16, 7 милиона цвята, Освен това JPG може да се компресира много добре. Следователно файлът с изображения може да бъде направен много малък, което позволява бързо време за зареждане.
- PNG: PNG форматът може да показва 16, 7 милиона цвята и може да бъде компресиран. Предимството пред JPG формата е, че компресията е възможна без загуби.
- Областите, определени във формат PNG, също могат да се показват прозрачно. Много стари браузъри обаче имат проблеми с показването на прозрачни фолиа.
- GIF: Ако искате да поставите движещи се снимки с HTML, GIF форматът е подходящ. Само 256 цвята са показани в този формат и компресията се извършва автоматично, без опции за настройка.
- GIF форматът е най-подходящ за малки, анимирани графики или лога. За да се гарантира, че логатите хармонично се вписват в дадена страница, прозрачните фолиа могат да се използват във формат GIF като PNG.
HTML пример
- Това интегрира логото на CHIP от нашия уебсайт.
- Показва се с височина 100 пиксела и ширина 200 пиксела.
- Ако не може да бъде зареден, "CHIP-Logo" се показва като празен текст.
- Картината е рамкирана с двупикселова рамка.
- Тя е подравнена по дясно и е на 50 пиксела освен от други странични елементи.