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 и не только.
Подписывайся и учись вместе с нами!

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


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

2023-04-24 20:01:52
ИЗОБРАЖЕНИЕ

С помощью элемента ми можем вставлять любое изображение на веб-страницу. Этот тег позволяет указать путь (URL) изображения, его размеры и альтернативный текст (alt), который отображается в случае, если изображение не может быть загружено.

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


"src" - обязательный атрибут, который указывает на источник (URL) изображения.

"alt" - атрибут, который показывает альтернативный текст, который отображается вместо изображения, если оно не может быть загружено или если пользователь использует программное обеспечение для чтения веб-страниц (например, слабовидящие люди).

"width" и "height" - необязательные атрибуты, которые указывают ширину и высоту изображения. Если мы не указываем эти атрибуты, то они должны быть прописаны как стили в CSS, иначе размеры изображения будут автоматически определены браузером.

Помимо этого, тег "img" также может иметь другие атрибуты, такие как "title" (название изображения, которое отображается при наведении курсора на изображение) и "style" (стиль изображения, который может задаваться с помощью CSS).

Использование элемента "img" позволяет создавать более интерактивные и привлекательные веб-страницы визуально
67 views17:01
Відкрити / Коментувати
2023-04-24 15:11:02
ПАРАГРАФ

Элемент P в HTML предназначен для отображения обычного текста на веб-странице. "P" означает "параграф", и этот элемент используется для размещения абзацев текста на странице.

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

Элемент P является одним из основных элементов HTML, и он широко используется для организации текста на веб-страницах. Создавая свой собственный контент или редактируя существующий, использование элемента P может помочь сделать текст более читабельным и удобным для чтения в Интернете
67 views12:11
Відкрити / Коментувати
2023-04-24 10:28:02
ЗАГОЛОВКИ

А теперь мы разберём основные элементы отдельно, чтобы мы наглядно видели их работу и вид на веб-странице
Первый элемент, который мы рассмотрим это заглавие h1-h6.

H1 - это самый крупный заголовок, который обычно используется для названия страницы или ее раздела. Заголовки меньшего размера (H2, H3 и т.д.) используются для более мелких разделов и подразделов на странице.

Использование заголовков H1-H6 также помогает улучшить SEO-оптимизацию страницы, поскольку поисковые системы обращают внимание на содержание заголовков при определении релевантности страницы для конкретного запроса.
67 views07:28
Відкрити / Коментувати
2023-04-23 20:19:01
РОДСТВЕННЫЕ ОТНОШЕНИЯ

Родственные отношения между элементами веб-страницы включают:
Предок (Parent) - элемент, который содержит в себе другие элементы

Потомок (Descendant) - элемент, который находится внутри других элементов

Родительский элемент (Parent element) - элемент, связанный с другими элементами более низкого уровня, и находящийся на дереве выше их

Дочерний элемент (Child element) - элемент подчиненный другому элементу более высокого уровня

Сестринский элемент (Sibling element) - элемент, имеющий общий родительский элемент с рассматриваемым, так называемые элементы одного уровня

Например, в HTML элемент является предком для всех элементов, содержащихся внутри него, таких как

,

, , и других. Элемент

является потомком для элементов и . Элементы и находятся на одном уровне и являются сестринскими элементами.

71 views17:19
Відкрити / Коментувати

2023-04-23 16:17:01
БЛОЧНЫЕ ЭЛЕМЕНТЫ

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

Вот некоторые из наиболее распространенных блочных элементов в HTML:

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

"

-

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

- параграф, используется для разделения текста на отдельные блоки

    - ненумерованный список, используется для создания списка, элементы которого не имеют порядкового номера

      - нумерованный список, используется для создания списка, элементы которого имеют порядковый номер

    1. - элемент списка, используется для обозначения отдельных элементов в списке

      - таблица, используется для представления структурированных данных

      - форма, используется для создания формы ввода данных

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

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

      Все эти блочные элементы могут быть настроены с помощью CSS для создания различных макетов и стилей веб-страницы, но об этом немного позже
      71 views13:17
      Відкрити / Коментувати
      2023-04-23 11:43:01
      СТРОЧНЫЕ ЭЛЕМЕНТЫ

      В HTML элементы могут быть как блочные так и строчные, в зависимости от того, как они отображаются в браузере.

      Строчные элементы по умолчанию отображаются внутри строки текста и не переносятся на новую строку. Некоторые из наиболее распространенных строчных элементов в HTML:

      ссылка

      жирный текст

      курсивный текст

      контейнер для инлайн-элементов

      изображение”> (непарный тег)

      элемент ввода”> (непарный тег)



      выделение строчных элементов

      выделения текста желтым цветом







      Обычно, строчные элементы располагают внутри блочных, так как их используют как контейнеры. В следующем посте увидим как выглядят блочные элементы
      76 viewsedited  08:43
      Відкрити / Коментувати
      2023-04-22 17:31:06
      За что отвечает ?

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

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

      Тег является одним из основных элементов структуры HTML-документа и должен быть присутствовать в каждой веб-странице. Он располагается между тегами и и содержит все элементы, которые пользователь будет видеть на веб-странице. С помощью этого тега мы и вывели наш “Привет, мир!”.

      В следующем посте мы рассмотрим что такое строчные элементы
      83 views14:31
      Відкрити / Коментувати