Get Mystery Box with random crypto!

Frontend with Tedu

Логотип телеграм -каналу frontend_tedu — Frontend with Tedu F
Логотип телеграм -каналу frontend_tedu — Frontend with Tedu
Адреса каналу: @frontend_tedu
Категорії: Курси та посібники
Мова: Українська
Передплатники: 234
Опис з каналу

Добро пожаловать в наш телеграмм канал с бесплатными курсами по веб разработке. Тут мы разбираем и практикуемся с такими штуками как JavaScript, HTML/CSS, React и не только.
Подписывайся и учись вместе с нами!

Перейдіть на канал
▲ Vote (1)

Ratings & Reviews

5.00

2 reviews

Reviews can be left only by registered users. All reviews are moderated by admins.

5 stars

2

4 stars

0

3 stars

0

2 stars

0

1 stars

0

Останні повідомлення

2023-04-30 14:32:05


Этот тег позволяет пользователям вводить информацию и отправлять ее на сервер для обработки.

Тег input имеет множество атрибутов, которые могут использоваться для настройки его поведения. Некоторые из наиболее часто используемых атрибутов:

type: определяет тип вводимых данных (текст, число, дата, файл и т.д.)
name: задает имя поля ввода, которое будет использоваться для отправки данных на сервер
value: устанавливает начальное значение поля ввода
placeholder: добавляет текст-подсказку, которая исчезнет при фокусе на поле ввода
required: обязывает пользователя заполнить поле ввода перед отправкой формы
readonly: делает поле ввода доступным только для чтения, пользователь не сможет внести изменения
disabled: отключает поле ввода, пользователь не сможет взаимодействовать с ним.

Пример использования тега input:










В этом примере мы создали форму, в которой есть поля для ввода email и пароля, а также кнопка отправки формы. Каждое поле ввода имеет свой тип ( email, password) и атрибуты для настройки его поведения. После заполнения формы и нажатия на кнопку "Отправить" данные будут отправлены на сервер для обработки
30 views11:32
Відкрити / Коментувати
2023-04-29 18:13:01
ФОРМЫ

HTML формы создаются с помощью тега
. Внутри тега мы размещаем элементы управления формы, такие как текстовые поля, флажки и кнопки. Каждый элемент управления имеет свой уникальный атрибут name, который будет использоваться для идентификации элемента в данных, отправляемых на сервер

Пример:







Здесь мы создали простую форму с текстовым полем и кнопкой отправки. При нажатии на кнопку данные формы будут отправлены на сервер, указанный в атрибуте action
34 views15:13
Відкрити / Коментувати
2023-04-29 12:42:02
ЧТО ТАКОЕ АТРИБУТЫ

Атрибуты в HTML используются для уточнения, как элемент должен выглядеть и как он должен вести себя на веб-странице

Рассмотрим тег "img"
Атрибут "src" указывает на местоположение изображения на сервере и позволяет браузеру загрузить его на страницу

Если ты хочешь вставить изображение с названием "myimage.jpg", расположенное в папке "images" на сервере, тебе нужно будет написать следующий код:



Здесь атрибут "src" указывает на местоположение изображения на сервере, а атрибут "alt" задает альтернативный текст, который будет отображаться вместо изображения, если оно не может быть загружено

Другой пример - тег "a"
Атрибут "href" задает URL-адрес, на который будет переходить пользователь при клике на ссылку. Например, если вы хотите создать ссылку на сайт Google, вам нужно будет написать следующий код:

Google

Здесь атрибут "href" задает URL-адрес, на который будет переходить пользователь при клике на ссылку, а текст "Google" будет отображаться на странице как активная ссылка

Атрибуты в HTML играют важную роль в определении внешнего вида и функциональности элементов. Это позволяет создавать более интерактивные и полезные сайты для пользователей
35 views09:42
Відкрити / Коментувати
2023-04-28 19:32:04
АТРИБУТЫ В ТАБЛИЦАХ

Атрибуты HTML-таблицы это дополнительные свойства, которые можно использовать для определения структуры, внешнего вида и поведения таблицы

Наиболее распространенные атрибуты HTML-таблиц включают:

border: устанавливает ширину границы таблицы в пикселях
cellpadding: устанавливает расстояние между содержимым ячейки и ее границей
cellspacing: устанавливает расстояние между ячейками таблицы
width: устанавливает ширину таблицы в пикселях или процентах
height: устанавливает высоту таблицы в пикселях или процентах
align: выравнивание содержимого ячеек таблицы
bgcolor: устанавливает фоновый цвет ячеек таблицы
rowspan: объединяет две или более строк в одну ячейку таблицы
colspan: объединяет два или более столбца в одну ячейку таблицы
34 views16:32
Відкрити / Коментувати
2023-04-28 13:55:53
ГРУППИРОВКА РАЗДЕЛОВ ТАБЛИЦЫ

Один из таких элементов - это , который определяет заголовок таблицы и содержит информацию, которая должна быть отображена в верхней части таблицы, такую как названия столбцов. Этот элемент помещается внутри тега и содержит одну или несколько строк с ячейками заголовка
Другой элемент - это , который содержит тело таблицы, то есть строки с данными. Элемент может содержать несколько строк, каждая из которых содержит ячейки с данными.

Кроме того, существует элемент , который определяет подвал таблицы и содержит информацию, которая должна быть отображена внизу таблицы, например, итоговые значения

На изображение ты можешь заметить слева пример таблицы, справа внизу стили для таблицы и результат в браузере

Обрати внимание, что атрибут colspan используется для объединения ячеек в строке и создания ячейки шириной в несколько столбцов
37 views10:55
Відкрити / Коментувати
2023-04-27 17:35:52
ТАБЛИЦЫ

Тег
используется для создания таблиц на веб-страницах. Таблица представляет собой сетку из ячеек, в которые можно помещать текст, изображения, ссылки и другие элементы.

Чтобы создать таблицу, ты можешь использовать следующие элементы:

- определяет начало таблицы;
- определяет строку таблицы;
- определяет ячейку таблицы.

Например, чтобы создать таблицу с двумя строками и двумя столбцами, вы можете использовать следующий код:










Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4


Этот код создаст таблицу как на рисунке выше

Ты можешь изменять стиль и форматирование таблицы с помощью CSS. Например, ты можешь задать ширину столбцов, выравнивание текста и другие параметры
52 views14:35
Відкрити / Коментувати
2023-04-27 12:12:03
СЕМАНТИКА

Семантика в HTML - это способ организации содержимого на веб-странице с помощью различных тегов. Эти теги обозначают определенные блоки контента, такие как заголовки, статьи, меню и другие, и помогают браузерам и поисковым системам лучше понимать структуру страницы и ее содержимое

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

Использование семантической разметки делает страницу более понятной и доступной для поисковых систем и пользователей с ограниченными возможностями. Это также помогает улучшить опыт пользователей и может повысить видимость страницы в поисковых системах
56 views09:12
Відкрити / Коментувати
2023-04-26 15:02:01
СПИСКИ

Списки используются для группировки информации в определенном порядке. Существует два типа списков в HTML: неупорядоченный (bullet) и упорядоченный (numbered)

Неупорядоченный список используется для перечисления элементов, которые не имеют определенного порядка. Каждый элемент списка начинается с маркера в виде кружка, квадрата или другой фигуры


  • Первый элемент списка

  • Второй элемент списка

  • Третий элемент списка



Этот код создаст неупорядоченный список из трех элементов, каждый из которых начинается с маркера кружка

Упорядоченный список используется для перечисления элементов, которые должны быть упорядочены по порядку. Каждый элемент списка начинается с номера


  1. Первый элемент списка

  2. Второй элемент списка

  3. Третий элемент списка



Этот код создаст упорядоченный список из трех элементов, каждый из которых начинается с номера
67 views12:02
Відкрити / Коментувати
2023-04-26 11:11:01
МЕТА

Тег - это один из элементов HTML, который используется для передачи некоторой информации о странице браузеру

Например, тег может содержать информацию о том, какой язык используется на странице, какой автор ее написал, какие ключевые слова описывают ее содержание и многое другое. Эта информация помогает браузеру лучше понимать, что находится на странице и как ее отображать

Кроме того, тег также используется для оптимизации поисковых систем. Например, он может содержать информацию о том, какое описание страницы должно отображаться в результатах поиска или какие ключевые слова должны быть связаны со страницей

Пример тега для страницы о книгах:





Моя библиотека


В этом примере мы использовали тег для добавления описания страницы (description) и ключевых слов (keywords). В результате, поисковые системы смогут лучше понять, что представляет собой ваша страница и какую информацию она содержит. Таким образом, ваша страница может получить более высокий рейтинг в результатах поиска, что поможет привлечь больше посетителей на ваш сайт
65 views08:11
Відкрити / Коментувати
2023-04-25 16:54:02
КОНТЕЙНЕРЫ

Теги контейнеры - важный инструмент верстки веб-страниц. Они позволяют структурировать и оформлять контент на странице

Наиболее распространенный тег -
, он используется для создания блочных элементов
- для строчных элементов
,
,

Пов'язані канали

Логотип телеграм -каналу aaaaafg_jt7kdres77wgkq — Темы/Схемы/Курсы • VN™ Т
Темы/Схемы/Курсы • VN™
🎅 496
Логотип телеграм -каналу aaaaaey7znrlw-asr-utia — insta lady | Гайды, чек листы, курсы I
insta lady | Гайды, чек листы, курсы
💃 17,052
Логотип телеграм -каналу kursysliv — Гайды и чек-листы🔥 Г
Гайды и чек-листы🔥
💃 362
Логотип телеграм -каналу aaaaaex54ju0tsegb5d0zg — Идеальная Ты - чек-листы, курсы, саморазвитие И
Идеальная Ты - чек-листы, курсы, саморазвитие
👪 1,713
telegram-store.com © 2016-2024
Non official site about Telegram
Всі права захищені. Копіювання та використання матеріалів повністю заборонено, часткове цитування можливе лише з гіперпосиланням на сайт telegram-store.com.