W jakim zawodzie przydaje się ta wiedza?

Wiedza ta jest potrzebna w zawodach: TECHNIK INFORMATYK oraz TECHNIK PROGRAMISTA.

Gdzie mogę przećwiczyć więcej pytań z kwalifikacji INF.03?

Więcej pytań z kwalifikacji INF.03 znajdziesz na Zawodowe.edu.pl - darmowa baza pytań CKE z symulatorem egzaminu.

Tryb nauki (pokaż prawidłową odpowiedź)

Kwalifikacja: INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk, Technik programista

Kategorie: Tworzenie stron WWW Systemy CMS i narzędzia webowe

Słowa kluczowe: Atrybut align w HTML CSS vertical-align Element <img> w HTML

Jak wstawić obrazek tak, aby przylegający tekst znalazł się POŚRODKU wysokości obrazka?

Q: Do jakiej kwalifikacji zawodowej należy to pytanie?

To pytanie pochodzi z kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych. Wymagana w zawodach: Technik informatyk, Technik programista.

Q: Do czego służy znacznik w HTML?

Znacznik `` służy do wstawiania obrazów na stronę internetową. Jest elementem pustym, czyli nie ma osobnego znacznika zamykającego.

Źle. height ustawia wysokość, nie wyrównanie tekstu.

Dobrze. align="middle" wyrównuje tekst do środka obrazka.

Źle. Bez wyrównania tekst trafia domyślnie do dołu obrazka.

Źle. hspace dodaje odstęp poziomy, nie centruje tekstu.

Aby przylegający tekst znalazł się POŚRODKU wysokości obrazka, dawniej używano atrybutu align="middle" w <img>. Dlatego poprawny jest zapis z align="middle". Warto wiedzieć, że atrybut align jest przestarzały - dziś robi się to przez CSS (vertical-align).

Pozostałe zapisy nie wyrównują tekstu w pionie. height="50%" tylko skaluje obraz. Brak atrybutu zostawia tekst przy DOLNEJ krawędzi (linii bazowej). hspace="30px" dodaje odstęp poziomy. Wyśrodkowanie tekstu względem obrazka daje align="middle".

Pytania pomocnicze (6)

Do czego służy znacznik <img> w HTML?

Znacznik `<img>` służy do wstawiania obrazów na stronę internetową. Jest elementem pustym, czyli nie ma osobnego znacznika zamykającego.

Jaką rolę pełni atrybut src w znaczniku img?

Atrybut `src` wskazuje źródło pliku graficznego, czyli ścieżkę lub adres URL obrazka. Bez niego przeglądarka nie wie, jaki obraz ma wyświetlić.

Po co stosuje się atrybut alt przy obrazkach?

Atrybut `alt` zawiera tekst alternatywny wyświetlany, gdy obrazek się nie załaduje. Jest też ważny dla dostępności, ponieważ czytniki ekranu odczytują jego treść osobom niewidomym.

Co oznacza zapis align="middle" przy obrazku?

Powoduje ustawienie przylegającego tekstu mniej więcej na środku wysokości obrazka. Jest to starszy sposób wyrównania stosowany w HTML.

Dlaczego atrybut align nie jest zalecany we współczesnym HTML?

Ponieważ odpowiada za wygląd, a obecnie formatowanie strony powinno być realizowane przez CSS. Zamiast `align` lepiej używać np. `vertical-align: middle`.

Jak uzyskać podobny efekt wyrównania tekstu do środka obrazka za pomocą CSS?

Można nadać obrazkowi styl `vertical-align: middle`. Przykład: `<img src="obrazek.png" alt="obraz" style="vertical-align: middle;"> tekst`.

Jak wstawić obrazek tak, aby przylegający tekst znalazł się POŚRODKU wysokości obrazka?

Wymagane logowanie

Zgłoś błąd w pytaniu