HTML & CSS Основи For Dummies

Вашето основно джобно ръководство за HTML & CSS.

Къде да се обърнете, когато ви трябва бързо опресняване на основите на програмирането с HTML и CSS? Разбира се, към HTML & CSS Основи For Dummies! Тази книга, без излишни подробности, предлага кратко и ясно обобщение на основите на front-end уеб програмирането. Няма дълги обяснения, ненужни прегледи или безкрайни повторения. Само прости отговори на вашите най-важни въпроси за HTML и CSS. Идеална е както за опресняване на знанията, така и като настолен справочник, който лесно ви помага да намерите това, което ви трябва, точно когато ви трябва.

Вътре ще откриете:

• разглеждане на прости примери за код и обяснения;
• създаване на въздействащо съдържание;
• организиране на вашите файлове;
• използване на множество стилови листове;
• създаване на интерактивни функции;
• програмиране за настолни и мобилни устройства;
• създаване на оформления и стилизиране на текст.

С помощта на книгата ще опресните бързо и лесно основните концепции, ще намерите решения на често срещани проблеми и ще разширите уменията си.

Книгата е част от поредицата For Dummies на издателство АлексСофт.

Пол Макфедрис е дългогодишен технически автор с над 100 публикувани заглавия. Неговата работа включва книги като Web Coding & Development All-in-One For Dummies, iPad and iPad Pro For Dummies, Alexa For Dummies, G Suite For Dummies и Excel Data Analysis For Dummies.

Въведение
Запознаване с HTML и CSS

• Поглед към процеса от птичи поглед
• Стартиране на нов текстов файл
• Записване на HTML файлове
• Редактирайте. Запишете. Презаредете. Повторете
• Запознаване с HTML
• Работа с HTML елементи и тагове
• Работа с атрибутите на таговете
• Основна HTML страница
• Даване на заглавие на страницата ви
• Добавяне на текст
• Запознаване с CSS
• Разбиране на каскадните таблици със стилове
• Стилове: Пакети от възможности за форматиране
• Листове: Колекции от стилове
• Каскаден: Как се разпространяват стиловете
• Запознаване с правилата и декларациите на CSS
• Прилагане на стилове към страница
• Вмъкване на вградени стилове
• Вграждане на вътрешен лист със стилове
• Препратка към външен лист със стилове

Изграждане на страници с добра основа

• Запознаване с основните структурни етикети на HTML
• Създаване на параграфи
• Именуване на части от страницата със заглавия
• Прекъсване на реда
• Структуриране на страницата
• Тагът header
• Тагът nav
• Тагът main
• Тагът article
• Тагът section
• Тагът aside
• Тагът footer
• Работа с несемантично съдържание с div
• Обработка на думи и символи със span

Добавяне на връзки, списъци и изображения

• Прилагане на основните текстови етикети
• Подчертаване на текст
• Маркиране на важен текст
• Добавяне на цитати
• Създаване на връзки
• Изграждане на списъци с точки и номерирани списъци
• Изразяване на мнението ви със списъци с точки
• Номерирани списъци: Лесно като едно, две, три
• Вмъкване на специални символи
• Вмъкване на изображения
• Първо, един милостиво кратък преглед на форматите на изображенията
• Вмъкване на изображение
• Превръщане на изображение във връзка

Изграждане на уеб формуляри

• Какво, по дяволите, е уеб формуляр?
• Стартиране на формуляра
• Включване на бутон
• Събиране на текст
• Работа с текстови полета
• Работа с текстови области
• Добавяне на етикети
• Включване на полета за отметка
• Създаване на радио бутони
• Изготвяне на списъци за избор
• Добавяне на един или два елемента за избор

Изследване на модела CSS ВОХ

• Запознаване с модела на кутията
• Обиколка на модела на кутията
• Как да използваме блоковите и вложените кутии
• Поставяне на вътрешни отстъпи
• Изграждане на рамка
• Прилагане на рамка
• Закръгляне на рамка
• Работа с външните отстъпи
• Стилизиране на размерите
• Задаване на минимална или максимална височина или ширина
• Улесняване на ширината и височината

Избиране на неща със селектори

• Разбиране на връзките между елементите
• Запознаване със селектора
• Изследване на стандартните селектори
• Селекторът за тип
• Селекторът за клас (.)
• Селекторът іd (#)
• Избиране на наследници, деца и братя и сестри
• Комбинаторът за наследници ()
• Комбинатор за деца (>)
• Комбинатор за последващи роднини (~)
• Комбинатор за следващия роднина (+)
• Работа с псевдокласове
• Стилизиране на елементи с псевдокласове
• Съпоставяне на дъщерни елементи
• :first-child (първо дете)
• :last-child (последно дете)
• :nth-child() (N-то дете)
• :nth-last-child()

Измерване на CSS

• Запознаване с мерните единици на СЅЅ
• Изучаване на абсолютните мерни единици
• Изучаване на относителните мерни единици
• Работа с проценти
• Опитвате се да използвате единицата em за размер
• Улесняване на живота ви с единицата rem
• Вземане под внимание на браузъра с единици за изглед

Цветове и фонове на елементите за декорация

• Избиране на цветове в CSS
• Работа с ключови думи за цвят
• Използване на функцията rgb()
• Разбиране на кодовете RGB
• Изпробване на функцията hsl()
• Текст за оцветяване на страница
• Стилизиране на фонови цветове и изображения
• Оцветяване на фона на елемент
• Добавяне на фоново изображение

Типографски промени в текста

• Форматиране с шрифтове
• Разбиране на шрифтовете
• Оформяне на текст със семейство шрифтове
• Въвеждане на стека от шрифтове
• Форматиране на текст с общи шрифтове
• Форматиране на текст със системни шрифтове
• Работа с уеб шрифтове
• Препратка към уеб шрифт
• Самостоятелно хостване на уеб шрифт
• Промяна на размера на шрифта
• Оформяне на текст с удебелен шрифт и курсив
• Оформяне на текст с удебелен шрифт
• Оформяне на текст в курсив
• Точно подравняване на текста
• Задаване на подравняване на текста
• Подчертаване на текст
• Отстъпване на първите редове

Десет задължителни CSS селектора

• Селекторът за клас
• Селекторът Id
• Селекторът за тип
• Комбинатор за наследници
• Комбинатор за деца
• Комбинатор за последващи роднини
• Комбинатор за следващия роднина
• Псевдокласът първо дете
• Псевдокласът последно дете
• Псевдокласът N-то дете

За автора
Посвещение
Благодарности на автора