#htmlcssуроки

[educatcourses]

CSS с нуля. Свойство font family

Свойство font-family применяется для устанавления семейства шрифта, которое будет использоваться для текста содержимого.Список шрифтов может быть один или несколько, разделенных запятой. Если в названии шрифта содержатся пробелы, его нужно заключать в одинарные или двойные кавычки.

Смотрите применение font-family в нашем практическом уроке #программированиеЗа60секунд 

[educatcourses]

CSS с нуля. Псевдоэлемент CSS :before

Данный псевдоэлемент применяется для отображения желаемого контента до содержимого элемента, к которому он добавляется. Работает он совместно со свойством content.

 Какие особенности характерны для :before и как его применять смотрите в минутном видеоуроке #программированиеЗа60секунд

____________________________

🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube

[educatcourses]

Псевдоклассы CSS позволяют изменять динамическое состояние элемента веб страницы. При стилизации элементов возможна комбинация псевдоклассов CSS. Рассмотрим в данном уроке #программированиеЗа60секунд комби��ацию псевдоклассов, т.е. применение сразу нескольких псевдоклассов одновременно. _____________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CG1-YbfJONc/?igshid=tuxovaljhi4i

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

Псевдокласс :nth-last-child применяется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от изученного нами ранее псевдокласса :nth-child, отсчет ведется не от первого элемента, а от последнего. Смотрим видео урок #программированиеЗа60секунд чтобы закрепить полученные знания на практике. ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube. #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CGIEWvdi2x4/?igshid=imrg9iyu598x

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

При добавлении стиля на основе нумерации с помощью псевдокласса :nth-child можно использовать выражение an+b. Где a и b — целые числа, а n — счётчик, который автоматически принимает значение 0, 1, 2… Смотрите короткое видео #программированиеЗа60секунд и все поймете! ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CGFUhCeI1ZL/?igshid=2ilymifdkras

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

Напомним, что псевдокласс :nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов. В этом минутном видеоуроке #программированиеЗа60секунд мы рассмотрим значение odd, которое выбирает все нечетные номера элементов. Т.е. он применит стили 1,3,5…..элементам. ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube. #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CGCTCxeC37L/?igshid=dwvlo8mrsecl

[educatcourses]

View this post on Instagram

A post shared by Академия для Креативных Людей (@educat.courses)

Продолжаем рассматривать псевдокласс nth-child. Мы можем также прописать стили не только записывая номер индекса в круглых скобках, а использовать значение even, которое применяется ко всем четным элементам. Смотрите практический видеоролик #программированиеЗа60секунд чтобы легко освоить основы программирования. ___________________________ 🔹 Чтобы научиться основам программирования с нуля советуем пройти бесплатный курс HTML/CSS от #EDUCAT ___________________________ 🔔 Все прошедшие выпуски уроков доступны на нашем канале YouTube #html #htmlcss #htmlверстка #htmlcssверстка #верстка #htmlcode #htmlуроки #htmlcssуроки #версткасайтов #htmlcssбесплатно (at Educat) https://www.instagram.com/p/CF_ypdSCO4F/?igshid=12v5l7y2vib78

[educatcourses]

HTML для новичков. Тег thead в таблице

Элемент <thead> предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. В этом уроке вы узнаете  как использовать элемент <thead> в пределах одной таблицы.

Рубрика  #программированиеЗа60секунд предназначена для всех, кто хочет легко, на наглядных примерах, освоить основы HTML.

[educatcourses]

HTML CSS с нуля. Теги colgroup и col

Тег <colgroup> задает ширину и стиль одной или нескольких колонок таблицы. Данный тег можно использовать в комбинации с тегом <col>, который определяет характеристики колонок.

Как их использовать смотрите в коротком уроке #программированиеЗа60секунд 

[educatcourses]

HTML CSS уроки. Объединение строк в таблице.

На предыдущем уроке #программированиеЗа60секунд мы показали как с помощью атрибута colspan установить число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали (строки).

Смотрите короткое видео, чтобы увидеть на практике как это работает.

[educatcourses]

HTML с нуля. Заголовок таблицы и границы.

При большом количестве таблиц на странице каждой из них удобно задать заголовок, содержащий название таблицы и ее описание. Для этого в HTML существует тег <caption>, который устанавливает текст и его положение относительно таблицы.

В коротком уроке #программированиеЗа60секунд показано, как установить заголовок таблицы и задавать ей границы с помощью тега <border>.

[educatcourses]

HTML CSS уроки. Таблица, тег <th>

Тег <th> используется для создания одной ячейки таблицы, которая обозначается как заголовочная.

Текст в этой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру. Тег <th> размещается внутри контейнера <tr>, который в свою очередь располагается внутри тега <table>.

Хотите легко изучить основы HTML — смотрите ежедневные практические уроки #программированиеЗа60секунд на нашем канале YouTube.

[educatcourses]

HTML с нуля. Теги Select и Option

Тег <select> создает элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором. Ширина списка определяется самым широким текстом, указанным в теге <option>, а также может изменяться с помощью стилей.

Каждый пункт создается с помощью тега <option>, который вложен в контейнер <select>.

Смотрите минутное видео рубрики #программированиеЗа60секунl и увидите на практике как это работает.

[educatcourses]

HTML CSS верстка. Label тег

Тег <label> устанавливает связь между определенной меткой и элементом формы. Данная связь необходима для изменения значения элементов формы при нажатии курсором мыши на текст. Также, с помощью тега  <label> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.

Смотрите ежедневный короткий урок #программированиеЗа60секунд и узнавайте о сложном простым способом.

[educatcourses]

HTML уроки. Тег textarea

Тег <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <input> в текстовом поле возможны переносы строк, которые сохраняются при отправке данных на сервер.

Между тегами <textarea> и </textarea> можно поместить любой текст, который будет отображаться внутри поля.

[educatcourses]

Input, атрибут placeholder

Атрибут placeholder HTML тега <input> указывает подсказку, которая описывает ожидаемое значение для ввода в элемент. Подсказка отображается в поле ввода до того, как пользователь вводит значение.

Смотрите короткий урок #программированиеЗа60секунд где в действии вы увидите применение атрибута в деле.