``` Здравей, Основеният проблем на твоя код, е, че НЕ следва основни принципи в HTML5, защото ти НЕ спазваш основни правила при писането му: 1. Използваш тагове, които не съществуват в HTML5. Никъде не се поддържа, например, font като таг. Tова означава, че браузърът не знае как да интерпретира този таг и как да го покаже на екрана. За разлика от XML, където няма точно определени тагове, които да използваш, в HTML има САМО група от тагове, които са дефинирани предварително, знаем как ще се визуализират на екрана и браузърът ги разпознава, затова се придържаме към тях. 2. И въпреки че използваш неподдържащи се тагове, то някои от тях са затварящи се. В това число и font. За да се визуализират нещата правилно, трябва при отваряне на даден таг, то да се изписва и затварящия, тоест отваряме , но след това затваряме . 3. Влагането на тагове е една от най-големите грешки при писане на код в HTML. При отваряне на няколко тага, то те трябва да се затворят в обратна поредност на отварянето им. Пример: , но не е правилно . 4. Използваш грешен синтаксис. Това означава, че не е правилно изписването на елементите в кода. В нито една версия на HTML няма подобно нещо: . НЕ може да се слага друг таг в скобите на отварящия таг. Таговете се влагат един в друг между отварящия таг със скобите му и затварящия таг с неговите скоби. Моят съвет е да се придържаш към по-новите версии на HTML, тоест HTML5. Използвай новите възможности на HTML, за да се визуализират правилно страниците ти. Премахни тагове като font, b, i, small. Замени ги със стилове в CSS като text-style, text-decoration или font-size. Отделяй CSS във външен файл от HTML-a и използвай класове, за да стилизираш едни и същи елементи в HTML-a. А сега по твоя въпрос - използвай div таг, който по подразбиране визуализира елементите, поставени в него, на нов ред. Използвай и вложени div тагове, за да разделиш езиците. Например: Languages I know: English Russian Надявам се да съм ти помогнала и да съм била полезна. Ако има нещо, питай! :)) ```

Защо?Защо в решението са направени 3 неща: Борис Митев - Web Developer --> Защо принудително позиционираме body с margin? Нали по подразбиране трябва да започне от 0 0? --> с явно образуваме контейнер, какъвто има описан в html-5.ru/teg-header-html5 Защо беше предпочетено като вариант, като според наученото до тук беше по- логично с и работи с него? Защо е необходимо да отместваме целият контейнер и после да компенсираме отместването? БорисМитев Web Developer

Тага body сме го позиционирали с margin: 0, защото повечето html елементи имат margin и padding по подразбиране и се налага да ги зануляваме. Пробвай да махнеш margin и виж резултата. Теоритично можеш да направиш цял web сайт като използваш само и единствено div елементи. Това обаче пречи на четимостта на кода и не е добра практика, особено когато други хора четат кода ти и им се налага да го променят или да добавят нова функционалност. Добра практика (и това важи за всеки програмен език) да бъдеш колкото може по-описателен. Тагът header за всеки четящ кода означава че вътре се съдържа целият код от заглавната част на страницата (или нейният header) - нейното заглавие, менюто за навигация, логото и т.н. По имената на таговете се ориентират и паяците на търсачките (Google, Bing, etc.) за да обходят по-точно и категоризират по-добре съдържанието на страницата.

Решение: Икона име и длъжност

Q: Защо не ми се получи задачата преди този урок?

Злат, от картинките, които си пуснал виждам, че си с уиндоус 10. При него картинките се отварят с програма Photos. ![](upload.aula.bg/screenshot52f819c-15e28aeda.jpg) Щракваш горе върху моливчето - Edit и там ти излизат куп инструменти за редактиране. Почваш и търкаш, докато на края картинката се умори и придобие вида, който искаш :)

Q: Дали се получи?

В head се слага т.нар. мета информация за страницата (информация която я описва и дефинира отделно от нейното съдържание). В тази информация се поставя например езикът, на който е съдържанието, външни връзки със скриптове и CSS, заглавие, гео-локация, описание и т.н.

Q: Защо на маргините на текста не ми работят?

Но все пак има някакъв проблем, въпреки, че копирах вашия код, за да съм сигурна, че не пропускам някоя точица. Стойностите на margin-top на h1 се отразяват и на снимката. Мърдат се заедно пропорционално надолу. ![](upload.aula.bg/screenshot272d634-c5447a17.jpg)

Q: Как да определя стойностите на пикселите?

Виктория, принципно в HTML се използват абсолютни и относителни единици за разположение на елементите в уеб страницата. Абсолютните единици са например метър, милиметър и т.н., но те не се препоръчват, а се препоръчват относителните стойности. Те са следните : - пиксел - иначе казано точка от екрана, като нейната абсолютна стойност зависи от разделителната способност на екрана. - em - в случая зависи от пикселите на самия елемент. За текст принципно по подразбиране е 16 px,освен ако не се зададе друго. Има и pt, но това по-скоро се използва в типографията. Надявам се да съм помогнал.

Q: Може ли да реша задачата по друг начин?

И аз съм го направил по друг начин (с доста нагаждане,но мой си начин), Не съм сигурен колко е вярно , но съм използвал наученото до тук. Нямам хедъри и отрицателни стойности на марджина, нито пък съм използвал този начин на задаване на марджина (margin: -30 0 0 -130) , все пак няма от къде да знам за него. Ето резултата: ![](upload.aula.bg/screenshot5469bfc-1539f7504.jpg) а ето и решението: ![](upload.aula.bg/screenshot55eda97-143faad3e.jpg)

Q: Защо не се оцветява текст?

Изписали сте coolr вместо color.

Q: Може ли текста Web Developer да се качи по-нагоре и как?

Защо задачата за упражнение не се припокрива с преподаденото от уроците? Упражняваме се на това ,което не знам. За margin-а никъде не се споменва, че може да има отрицателни стойности. Разбрах го от теста. Синтаксиса също се различава от преподаденото. Header ?! На базата на видео уроците трудно може да се реши задачата, освен ако имаш някакъв опит.