Forwarded from Видеоуроки IT
#layout #html #css
Вёрстка реального проекта #1 для новичков
Видеоуроки:
1 — Вводное видео
2 — Подготовка к вёрстке и нарезка макета из Figma
3 — Вёрстка HTML макета из Figma
4 — Вёрстка мобильной версии HTML макета из Figma
📹 Плейлист YouTube
Канал: AVIS TV
Вёрстка реального проекта #1 для новичков
Видеоуроки:
1 — Вводное видео
2 — Подготовка к вёрстке и нарезка макета из Figma
3 — Вёрстка HTML макета из Figma
4 — Вёрстка мобильной версии HTML макета из Figma
Канал: AVIS TV
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4✍2
Тег
<section> создаёт независимый блок — например, блок новостей, блок с контактами или просто абзац с заголовком.<section>
<h1>Заголовок первого блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей чаю.</p>
</section>
<section>
<h1>Заголовок второго блока</h1>
<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>
</section>
• Тег <section> всегда закрывается при помощи парного тега </section>.• Внутри <section> обязательно должен быть заголовок <h1>...<h6>.• Контейнеры <section> можно вкладывать друг в друга, как матрёшку.<div>.Некоторые начинающие разработчики неверно понимают семантику этого тега и заменяют им большую часть дивов на странице. Так делать не стоит.
Тегом
<section> стоит оборачивать большие логические блоки на странице.🛠 По спецификации допустимо размещать в каждом <section> заголовок первого уровня (<h1>). Несмотря на это, не стоит размещать на странице больше одного заголовка первого уровня. Это важно для правильной индексации сайта поисковыми роботами.
CodeBase | Frontend | #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14
Forwarded from Видеоуроки IT
1 — Разработка крутого веб-сайта для начинающих
2 — Построение шапки сайта
3 — Секция с играми
4 — Информация про проект
5 — Подписка на рассылку
6 — Дополнительная страница
7 — Страница с контактами
8 — Заключительная часть
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
HTML and CSS
Год: 2023
Автор: Kumar T
Язык: Английский
#en #HTML #CSS
CodeBase | Frontend | #book
Год: 2023
Автор: Kumar T
Язык: Английский
Веб―разработчики - это ваше универсальное руководство по HTML и CSS! Научитесь использовать HTML для форматирования текста и структурирования веб-страниц. Разберитесь со структурой HTML-документа, прежде чем создавать формы, ссылаться на гиперссылки, встраивать активный контент и многое другое. Затем оформляйте свои страницы с помощью CSS: создавайте согласованные дизайны с помощью селекторов, модели box, каскадного алгоритма и наследования. Дополните свой опыт разработки на стороне клиента знакомством с JavaScript. С подробными примерами кода вы освоите HTML и CSS в кратчайшие сроки!
Ваше полное руководство по HTML5 и CSS3
#en #HTML #CSS
CodeBase | Frontend | #book
👍4✍2👏2
🔗 ссылка
CodeBase | Frontend | #CSS #html
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8
Дронов_В_А_HTML_и_CSS_25_уроков_для_начинающих_2020.pdf
7.2 MB
HTML и CSS. 25 уроков для начинающих
Год: 2020
Автор: Дронов В. А.
Язык: Русский
#RU #CSS #HTML
CodeBase | Frontend | #book
Год: 2020
Автор: Дронов В. А.
Язык: Русский
В книге 25 иллюстрированных уроков, 100 практических упражнений на тему разработки простых веб-сайтов и более 50 заданий для самостоятельной работы. Дано введение в веб-разработку, раскрыты основы HTML, CSS и работы в WWW. Объяснено, как с помощью HTML структурировать и форматировать текст, работать с графикой и мультимедиа, таблицами, гиперссылками, веб-формами, фреймами и метаданными. Рассказано, как средствами CSS оформлять веб-страницы, использовать блоки, списки и таблицы, изображения и гиперссылки, элементы управления, фон и колонки, располагать, выводить и скрывать элементы, делать макеты веб-страниц, выполнять преобразования, анимацию, медиазапросы и др.
Электронное приложение-архив на сайте издательства содержит коды всех примеров и пяти учебных веб-сайтов.
#RU #CSS #HTML
CodeBase | Frontend | #book
👍4🔥4👏2
CodeBase | Frontend | #курс #html #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Forwarded from Видеоуроки IT
1. Введение
2. Теги
3. Атрибуты
4. Таблицы
5. Ссылки
6. Фреймы
7. Списки. Маркированный список. Нумерованный список. Список определений
8. Отображение изображений в HTML
9. Как подключать стили CSS и JavaScript к HTML
10. ТОП 10 нужных вам HTML элементов, о которых вы не знали
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2
Как создать сайт. Комикс-путеводитель по HTML, CSS и WordPress
Год: 2019
Автор: Станислав Ломакин
Язык: Русский
#RU #HTML #CSS
CodeBase | Frontend | #book
Год: 2019
Автор: Станислав Ломакин
Язык: Русский
Пытаясь сделать сайт для своего портфолио, художница Ким попадает на удивительную планету. Чтобы вернуться домой, ей придется выучить азы HTML, победить злобного дракона 404, подружиться с веб-гуру и доброй колдуньей CSS и выяснить, что таится за стенами WordPress-сити.
В формате увлекательного комикса книга познакомит детей с языками HTML и CSS, а также с конструктором сайтов WordPress.
#RU #HTML #CSS
CodeBase | Frontend | #book
👍4✍2🔥1
Веб_дизайн_для_начинающих_HTML,_CSS,_jаvascript_и_веб_графика.pdf
15 MB
Веб-дизайн для начинающих. HTML, CSS, JavaScript и веб-графика
Год: 2021
Автор: Дженнифер Нидерст Роббинс
Язык: Русский
#Web #Design #HTML #CSS #JavaScript
CodeBase | Frontend | #book
Год: 2021
Автор: Дженнифер Нидерст Роббинс
Язык: Русский
Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы языка JavaScript и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений.
#Web #Design #HTML #CSS #JavaScript
CodeBase | Frontend | #book
🔥3