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

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

15 месеца достъп + 75 € отстъпка   306,26 € 231,10 €  ВИЖ ТУК
ЛЕТЕН ЧЕРЕН ПЕТЪК

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

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


Как да оформим снимка, име и професия в подреден „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 – добавя нов ред (разстояние).

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

Дискусия към урока

Задавайте въпроси, споделяйте опит и помагайте на останалите да учат заедно.
Хари ·
Би трябвало последните два урока да имат такъв панел, но не ги открих.
1
Така написан кода, в Google Chrome и Microsoft Edge го отваря перфектно, както си трябва. Като се опитам да го отворя във FireFox, не ми визуализира снимката и…
2
Liliya Yanakova ·
След като заменим блоковия таг с , съдържанието остава ли в блок?
1
Dian ·
Здраейте, не ми се оцветява текста в жълто и после в браузъра го показва като текст, а не като формат и за центрирането и за цвета
4
Lyudmil Marinov ·
И аз имам същия проблем, защо не става? :(
+3
4
13
Десислава ·
Имам проблем с центрирането на снимката,не знам защо но тя стой в ъгъла,старателно прегледах всички скоби,черти и т.н. ? Всичко от урока ми се получи,само това…
+1
1
11