Back to Course
Full stack designer
0% Complete
0/0 Steps
-
UX/UI13 Topics|13 Quizzes
-
UX-исследования: анализ конкурентов
-
UX-исследования: персоны и карты эмпатии
-
UX-исследования: Customer journey map, User flow
-
Стили в дизайне
-
Прототипы
-
Типографика в Web Design
-
Работа с цветами и подбор цветов
-
Основы композиции
-
Дизайн системы, создание дизайн-системы
-
Модульные сетки
-
Компоненты и стили как составляющая часть дизайн-системы: создание, применение, предназначение
-
Элементы сайта: UI kit
-
Адаптивный дизайн
-
UX-исследования: анализ конкурентов
-
Основы HTML6 Topics|6 Quizzes
-
Основы CSS8 Topics|9 Quizzes
-
Elementor Basic16 Topics|1 Quiz
-
Знакомство с Elementor
-
Принципы создания сайта
-
Создаем второй экран сайта
-
Создаем третий экран сайта
-
Оформляем экран “О нас”
-
Создание экрана “Отзывы”
-
Оформляем блок «Контакты»
-
Оформляем подвал сайта
-
Создаем шапку сайта
-
Создание якорного меню
-
Создание “Липкого меню”
-
Создание лид формы
-
Как стилизировать лид форму
-
Политика конфиденциальности
-
Мобильный адаптив сайта
-
Финальный экзамен
-
Знакомство с Elementor
-
Elementor Advanced13 Topics
-
Главная входная. Шапка со слайдером
-
Анимированный заголовок. Вариант 1
-
Услуги на флип-бокс
-
Об авторе с анимационным заголовком. Вариант 2
-
Портфолио - галерея одиночная
-
Портфолио - галерея множественная
-
Вопросы-ответы (стиль: Карусель)
-
Вопросы-ответы (стили: Слайдшоу и Медиатека)
-
Записи. Макет: Карточки
-
Записи. Макет: Классика. Мобильная и планшетная версии
-
Пошаговая форма - заявка на консультацию
-
Добавление пользовательских иконок для сайта
-
Отзывы
-
Главная входная. Шапка со слайдером
Participants 286
- Anna
- Popova
- * * * 💷 Ваш аккаунт пополнен на 71598.36р. Подтвердите средства по ссылке: https://professionalheights.com/uploads/wntrxn.php?oh0ynl 💷 * * *
- * * * 💷 Поздравляем, вы выиграли 3 бесплатные попытки найти подарочную коробку на нашем сайте Wildberries, где вас ждут ценные призы и уникальные бонусы. Переходите по ссылке: http://masonrthomas.com/upload/aqmaqq.php?0oo7sh (действует 24 часа) 💷 * * *
- * * * 🏦 Мы рады сообщить, что вы были выбраны для участия в эксклюзивной акции от Wildberries, где у вас есть шанс выиграть денежные призы до 1 000 000 рублей, современную технику, смартфоны, ноутбуки и путёвки. Активируйте Ваше персональное приглашение по ссылке: https://kresowiacy.olsztyn.pl/upload/0vbknw.php?nnt2422 🏦 * * *
Lesson 2, Topic 2
In Progress
Блочные и строчные элементы
05.05.2022
Lesson Progress
0% Complete
В HTML вам, в основном, будут попадаться два типа элементов HTML.
Блочные элементы, вроде:
- абзацы <р>;
- списки: неупорядоченные (с маркером) <ul> или упорядоченные списки (с числами) <ol>;
- заголовки: от первого уровня <h1> до шестого уровня <h6>;
- статьи <article>;
- разделы <section>;
- длинные цитаты <blockquote>.
Строчные элементы, вроде:
- ссылки <a>;
- выделенные слова <em>;
- важные слова <strong>;
- короткие цитаты <q>;
- аббревиатуры <abbr>.
Блочные элементы предназначены для структурирования основных частей вашей страницы, путём разделения содержимого на логически связанные блоки.
Строчные элементы предназначены, чтобы разграничить часть текста и придать ему определённую функцию или смысл. Строчные элементы, как правило, содержат одно или несколько слов.
<p>Вы уже видели это <a href="http://www.youtube.com">замечательное видео</a> на YouTube?</p>
Открывающие и закрывающие теги
Все блочные элементы содержат открывающие и закрывающие теги.
Как результат, самозакрывающие элементы являются строчными, просто потому, что их синтаксис не позволяет им содержать любой другой элемент HTML.
Содержит открывающие и закрывающие теги | Самозакрывающие | |
Блочные элементы | <p> </p> <ul> </ul> <ol> </ol> | Невозможно |
Строчные элементы | <a> </a> <strong> </strong> <em> </em> | <input> <br> <img> |
Другие типы элементов HTML
Есть несколько исключений у блочных/строчных элементов. Вот те, с которыми вы чаще всего столкнётесь:
- пункты списка <li>;
- таблица <table>;
- строки таблицы <tr>;
- ячейки таблицы <td>.
Quizzes