Question 1

Защо при визуализация на index.html файла, текста в тага <title> е нечетим?

Accepted Answer

Здравей Злат. Няма значение къде, важното е да е в head. Това как се показва текст в браузърa зависи от това, с какъв encoding е създаден index.html в случая и на какъв encoding е настроен браузърът да показва текста. Този таг е само препоръка и може с настройки на браузъра да бъде игнориран.

Това са доста специфични детайли за meta таговете като цяло и навлизането в такива детайли в уроците би ги разводнило доста. Освен това причината да има коментари под уроците е именно тази - да се задават въпроси и да се получават отговори по точно такива теми, които не са от особен интерес за курса, но са интересни на потребителите.

Question 2

Защо заглавието все още не излиза на кирилица?

Accepted Answer

Тага за кодировка е единичен, т.е. няма отварящ и затварящ таг. Правилното е: Заменил си кавичките с наклонена черта за затваряне на таг.

Question 3

Дали няма да е добре?

Accepted Answer

Да това е много важно - ако има поредица от отварящи тагове, те се затварят в обратния ред. Пример: Моята първа страница

Question 4

Какви клавишни комбинации използвате за Save и Run?

Accepted Answer

Комбинациите в Windows са:

1. Ctrl+S (save)
2. Alt+Tab (преминавне към Chrome)
3. Ctrl+R (refresh на страницата)
4. Alt+Tab (връщане към Atom)

Question 5

Защо?Тъй като от време на време преглеждам уроците (знам всичко и за HTML и CSS, все пак работя като Web Developer),ми е интересно защо не се спомене, че таговете ,  и вече не се препоръчват за използване, а се препоръчва да се използва CSS за оформяне? Ок, наясно съм, че като за начало е хубаво да се споменат, но поне в HTML5 не се препоръчва тяхното използване. Освен това е по-добре вместо  да се използва таг , имащ по-голям приоритет от  и таг вместо  (по същата причина). Иначе ако искате да подчертавате, удебелявате или махнете подчертаване и удебеляване, можете да използвате text-decoration в CSS.

Accepted Answer

Според W3Schools таг  не се препоръчва да се използва за да се направи наклонен шрифт. Препоръчват да се използва САМО когато няма друг, по-подходящ елемент като: 
, , , , 
В HTML5 може да се използва тага  за да се обогати текстовото форматиране чрез задаване на CSS стилове и не е грешно да се използва с тази цел.

Question 6

Кога как да изписваме?

Accepted Answer

Както се вижда от курсовете, предпочитаният синтаксис е малки букви, а където е необходимо да се ползват повече от една дума (например име на клас или id), се използва т.нар. camel case. Първата буква на всяка следваща дума след първата е главна.

Пример: someClassName

Question 7

Мисля ,че е добре да се добави и тага , който върши същата работа като :)

Accepted Answer

Резултатът от двата тага ще е еднакъв. 
Едно време ползвахме само , сега се препоръчва .

Question 8

защо се получава това?

Accepted Answer

В така написания код си добавил едно "/"  при теб е:  / " просто махни "/" и няма да има наклонената черта.

Question 9

Здравейте, бихте ли ми обяснили подробно как точно се отварят zip файловете с допълненията към урока. След като ги сваля на компютъра си и с програмата, която имам, не успявам да ги разархивирам.

Accepted Answer

Здравейте, не ми стана ясно от кой урок и кои файлове не ви се разархивират. Принципно zip файловете се отварят с архиватори като 7zip или winzip и други. Трябва да имате инсталиран архиватор на компютъра.

Question 10

Здравейте, къде да намеря теста след урока?

Accepted Answer

След приключване на урока е необходимо да се кликне на бутона "Напред". Ако има тест, той ще се зареди автоматично. Може да има упражнение или директно да започне ноевият урок.

Question 11

Kак се запазва това което е написано, че като отворя страницата да се виждат всички нови промени?

Accepted Answer

Здравей, Теди! Запазването в Атом става или от горния лев ъгъл цъкнеш ,,file'' и в падащото меню натиснеш ,,save'' или чрез шорткър бутоните, но трябва да видиш коя комбинация от бутони е при MacOS.

Question 12

Как се получава тази структура на съдържанието?

Accepted Answer

Здравейте, Даниела, тази структура, при която редовете влизат по-навътре, се нарича **indentation** (отстъп) и се постига чрез използването на клавиша **Tab**.

Това се прави с цел по-добра четимост на кода, за да се вижда ясно кои тагове са вложени в други. В софтуера **Atom**, както и в повечето текстови редактори, това не става автоматично само с натискане на **Enter**, а изисква допълнително действие или настройка.

### Инструкции за постигане на правилна структура (Indentation):

1.  **Ръчно отместване с клавиша Tab:**

* Поставете курсора в началото на реда, който искате да изместите надясно (например ред 2, 3 или 4).
    * Натиснете клавиша **Tab** от клавиатурата веднъж за всяко ниво на влагане.
    * Ако искате да върнете ред обратно наляво, използвайте комбинацията **Shift + Tab**.

2.  **Автоматично подравняване на целия код:**

* Маркирайте целия текст в документа (клавишна комбинация **Ctrl + A**).
    * Отидете в горното меню на **Edit**.
    * Изберете опцията **Lines**.
    * Кликнете върху **Auto Indent**. Софтуерът сам ще подреди структурата спрямо вложените тагове.

3.  **Настройка при нов ред:**

* Когато натиснете **Enter** в края на отворен таг (например след ``), **Atom** обикновено автоматично добавя един **Tab** на новия ред, ако е включена опцията **Auto Indent** в **Settings** на програмата.

Основна структура на HTML

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

Основата, върху която стъпва всяка HTML страница

Практика: създаване на правилна HTML структура

Основни HTML тагове в този урок

Задача

Инструкция за гледане на уроците:

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