This article is currently in the process of being translated into Hungarian (~23% done).
If you are fluent in Hungarian, then please help us - just point to any untranslated element (highlighted with a yellow left border - remember that images should have their titles translated as well!) inside the article and click the translation button to get started. Or have a look at the current translation status for the Hungarian language.
If you see a translation that you think looks wrong, then please consult the original article to make sure and then use the vote button to let us know about it.
Please help us by translating the following metadata for the article/chapter, if they are not already translated.
If you are not satisfied with the translation of a specific metadata item, you may vote it down - when it reaches a certain negative threshold, it will be removed. Please only submit an altered translation of a metadata item if you have good reasons to do so!
In HTML images are defined with the <img> tag. The image tag is an empty element as it only contains attributes and therefore has no closing tag. The simplest way of using the <img> tag is with the src attribute (src is an abbreviation of source). The value of the src attribute is the url for the picture you want to display.
The url points to where the picture is stored which would normally be on your server.
Az src attribútum mellett, az alt attribútum is szükséges. Alt az egy rövidítése az alternatív szövegnek. Az alt attribútum értéke az a elem visszaeső tartalma - az jelenti hogy, az alt attribútum meg fog jeleni ha a böngésző nem tudja megjeleníteni magát a képet. A alt attribútum emellett az ami képernyő olvasok fognak olvasni hangosan mikor a képeidhez jönnek. Ez az jelenti, hogy az alt attribútum képes körül írni az aktuális képet. Mondjuk, hogy Angelina Jolie kép portréja, A HTML jelölőben így nézne ki:
<img src="my-picture.jpg" alt="Portrait of Angelina Jolie">
On the other hand, a picture of Picasso might be described as “Portrait of Angel Fernandez de Soto. A work from the later part of Picasso’s Blue Period. A man probably drinking absinthe, depicted in a gloomy style". And why this long description? Imagine you cannot se the picture and the alt txt is your description of the picture.
The last attribute to mention regarding the image tag is the title attribute. If you have ever hovered your mouse over an image and seen a text, this is the value of the title attribute. In addition, this text is often referred to as a tooltip. This adds semantic meaning to your pictures but should only be used on pictures where the hover effect does not conflict with the usability of your page. This means that you should not use the title attribute on e.g. images that functions as page navigation.
- In order to actually show an image, you always have to add the src-attribute to the image-tag
- The value of the alt attribute is essential to screenreaders and if the browser for some reason cannot show your picture
- The alt attribute is relevant for screenreaders and searchengines’ webcrawlers – so remember to use it!