Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма HTML5 и CSS3
1. Въведение в HTML и CSS

Моята интернет снимка

-51,13 € за ВЕЛИКДЕН: Вземи курс "HTML5 и CSS3" за    127,31 € 76,18 €  ВИЖ ТУК

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.


Как да оформим снимка, име и професия в подреден „thumbnail“

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

Стъпка по стъпка: оформи собствената си интернет снимка

  1. Центрирай съдържанието, като добавиш атрибут align="center" към body.
  2. На тага img добави атрибут width="200", за да зададеш ширина 200 пиксела. Не задавай височина, за да се запази пропорцията автоматично.
  3. Замени името си с таг h1, за да го направиш по-голямо и по-важно визуално.
  4. Оградѝ текста за професията с таг font и добави атрибут color="gray" (или друг цвят по избор).
  5. Добави няколко br, ако искаш разстояние над снимката.

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

  • align – подравнява съдържанието (например в центъра).
  • img width – задава ширина на изображението в пиксели.
  • h1 – заглавие от най-високо ниво (най-голяма тежест).
  • font color – променя цвета на текста.
  • br – добавя нов ред (разстояние).

Така създаваш изчистена и представителна визия, подходяща за личен профил или уеб страница.