Дорогие друзья, приветствуем вас в нашем канале! Если в ваших сердцах горит жажда стать искусными фронтенд-разработчиками, но пока вы находитесь лишь на пороге этого увлекательного пути, или же уже знакомы с HTML и CSS, но желаете освежить и упрочить свои познания, - тогда этот канал создан специально для вас.
Желаем вам удачи и вдохновения на этом увлекательном пути!
Здесь мы предлагаем вам погрузиться в подробный, последовательный курс по HTML и CSS, изложенный простым и понятным языком. Шаг за шагом мы будем вести вас от основ HTML к глубинам CSS, чтобы вы могли уверенно двигаться вперед, не теряясь в потоке знаний.
Наша цель - помочь вам приумножить ваши навыки и вдохновить на новые свершения в мире веб-разработки. Присоединяйтесь к нам, и вместе мы покорим новые профессиональные вершины!
Желаем вам удачи и вдохновения на этом увлекательном пути!
👍15🔥4👨💻1
HTML, аббревиатура от HyperText Markup Language - это основной строительный блок любого веб-сайта и ключевая часть современного веб-дизайна. Это простой язык кодирования, который используется для создания структуры и содержимого веб-страниц, таких как текст, изображения и гиперссылки.
Проще говоря, без HTML не было бы веб-сайтов, которые мы знаем и любим сегодня.🔥11😁2
HTML играет ключевую роль в структуре сайта, предоставляя основу для создания и организации содержимого веб-страниц. Разработчики используют HTML-элементы, также известные как теги, для определения структуры и содержимого страницы.
Когда браузер читает HTML-документ, он отображает содержимое в визуальном формате, создавая макет и внешний вид страницы.
HTML также является основой для CSS и Java(Type)Script, которые используются для придания сайту стиля и интерактивности.
Когда браузер читает HTML-документ, он отображает содержимое в визуальном формате, создавая макет и внешний вид страницы.
HTML также является основой для CSS и Java(Type)Script, которые используются для придания сайту стиля и интерактивности.
👍8
HTML возник в начале 1990-х, когда Тим Бернерс-Ли создал первую версию этого языка разметки. Его цель была - дать людям простой способ обмениваться информацией в Интернете.
С тех пор HTML постоянно развивался и совершенствовался, чтобы соответствовать растущим потребностям веб-разработки. Появлялись новые версии с дополнительными возможностями.
Самая последняя версия - HTML5, вышедшая в 2014 году. Она содержит много новых тегов для мультимедиа, графики и семантики, что помогает создавать более интерактивные и удобные веб-сайты
С тех пор HTML постоянно развивался и совершенствовался, чтобы соответствовать растущим потребностям веб-разработки. Появлялись новые версии с дополнительными возможностями.
Самая последняя версия - HTML5, вышедшая в 2014 году. Она содержит много новых тегов для мультимедиа, графики и семантики, что помогает создавать более интерактивные и удобные веб-сайты
👍9
Основная структура
Веб-страница - это файл с расширением .html. Внутри него есть три основных элемента:
1. Тег <html> - это как "контейнер", в котором находится вся остальная информация страницы.
2. Тег <head> - в нем содержатся данные, которые нужны браузеру для работы со страницей. Например, заголовок окна, описание, ключевые слова.
3. Тег <body> - это основное содержимое страницы, которое видит пользователь в окне браузера. Сюда помещается весь текст, картинки, ссылки и другие элементы.
#теория
Веб-страница - это файл с расширением .html. Внутри него есть три основных элемента:
1. Тег <html> - это как "контейнер", в котором находится вся остальная информация страницы.
2. Тег <head> - в нем содержатся данные, которые нужны браузеру для работы со страницей. Например, заголовок окна, описание, ключевые слова.
3. Тег <body> - это основное содержимое страницы, которое видит пользователь в окне браузера. Сюда помещается весь текст, картинки, ссылки и другие элементы.
#теория
Таким образом, минимальная HTML-страница состоит из тегов <html>, <head> и <body>. Все остальные теги размещаются внутри этой основной структуры.
👍8
Теги в HTML - это специальные команды, которые задают, как нужно показывать информацию на веб-странице. Они выглядят вот так: <имя_тега [атрибуты]>. Обычно теги идут парами - есть начальный и конечный тег, между которыми помещается нужный текст или другой контент.
#теория
#теория
👍7
Атрибуты - это дополнительные свойства, которые можно добавлять к тегам. Они помогают изменять и улучшать то, как выглядит и работает содержимое внутри тега.
Атрибуты пишутся внутри открывающего тега, после его названия. Они состоят из двух частей:
1. Имя атрибута
2. Значение атрибута - пишется после знака "=" и заключается в кавычки
#теория
Атрибуты пишутся внутри открывающего тега, после его названия. Они состоят из двух частей:
1. Имя атрибута
2. Значение атрибута - пишется после знака "=" и заключается в кавычки
#теория
👍8
Комментарии(пояснение либо отзыв) в HTML
начинаются с <!-- и заканчиваются на -->.
Не забывайте о восклицательном знаке в начале тега! Но вам не нужно добавлять его в конце.
HTML-комментарии не отображаются в браузере. Комментарии к коду очень важны при работе в команде, поэтому не ленитесь их писать)
начинаются с <!-- и заканчиваются на -->.
Не забывайте о восклицательном знаке в начале тега! Но вам не нужно добавлять его в конце.
HTML-комментарии не отображаются в браузере. Комментарии к коду очень важны при работе в команде, поэтому не ленитесь их писать)
👍7
Спецсимволы HTML, или символы-мнемоники, используются для вставки специальных символов в текст веб-страницы, которые недоступны на стандартной клавиатуре или не поддерживаются кодировкой страницы. Это могут быть символы пунктуации, математические символы, буквы других алфавитов, специальные значки и т.д.
Чтобы вставить спецсимвол, необходимо использовать его HTML-код или мнемонику, например, © для символа копирайта ©. Спецсимволы чувствительны к регистру, поэтому их необходимо вводить точно так, как указано в таблице символов.
Если спецсимвол не имеет мнемоники, его можно вставить с помощью номерного кода, записанного в десятичной или шестнадцатеричной системе счисления, например, ☰ или ☰ для символа "гамбургер" ☰ 🍔.
Спецсимволы могут использоваться как внутри тегов HTML, так и в качестве значений свойств CSS, например, в свойстве content. При этом они наследуют цвет от родительского элемента, но его можно изменить с помощью свойства color или тега <span>.
Чтобы вставить спецсимвол, необходимо использовать его HTML-код или мнемонику, например, © для символа копирайта ©. Спецсимволы чувствительны к регистру, поэтому их необходимо вводить точно так, как указано в таблице символов.
Если спецсимвол не имеет мнемоники, его можно вставить с помощью номерного кода, записанного в десятичной или шестнадцатеричной системе счисления, например, ☰ или ☰ для символа "гамбургер" ☰ 🍔.
Спецсимволы могут использоваться как внутри тегов HTML, так и в качестве значений свойств CSS, например, в свойстве content. При этом они наследуют цвет от родительского элемента, но его можно изменить с помощью свойства color или тега <span>.
👍8✍4
Тег <html> и его атрибуты (lang, dir)
Атрибут lang для элемента html определяет основной язык документа.
Атрибут dir определяет направление письма для содержания элемента. Возможны следующие значения:
ltr — слева-направо;
rtl — справа-налево;
auto — направление письма для данного элемента следует определить автоматически, независимо от направления письма для родительского элемента.
Атрибут lang для элемента html определяет основной язык документа.
Атрибут dir определяет направление письма для содержания элемента. Возможны следующие значения:
ltr — слева-направо;
rtl — справа-налево;
auto — направление письма для данного элемента следует определить автоматически, независимо от направления письма для родительского элемента.
👍8
Поговорим еще про теги
Тег <head> никак не отображается в браузере, а просто является контейнером для следующих элементов:
Тег <noscript> это заголовок страницы и один из самых важных для поисковиков элементов метаданных. С его помощью алгоритмы понимают, насколько контент на странице соответствует запросу пользователя.
Тег <meta> используется для передачи метаданных о странице, т.е. с его помощью можно сообщить браузеру и роботам о том, какие данные и в каком виде на этой странице находятся.
Тег <head> никак не отображается в браузере, а просто является контейнером для следующих элементов:
Тег <noscript> это заголовок страницы и один из самых важных для поисковиков элементов метаданных. С его помощью алгоритмы понимают, насколько контент на странице соответствует запросу пользователя.
Тег <meta> используется для передачи метаданных о странице, т.е. с его помощью можно сообщить браузеру и роботам о том, какие данные и в каком виде на этой странице находятся.
✍6
Тег body предназначен для хранения содержания веб-страницы, отображаемого в окне браузера.
Атрибуты тега body:
alink — устанавливает цвет активной ссылки;
background — задаёт фоновый рисунок на веб-странице;
link — цвет ссылок на веб-странице;
vlink — цвет посещённых ссылок.
...
Их очень много, но всё это можно будет задать и в css-свойствах
Атрибуты тега body:
alink — устанавливает цвет активной ссылки;
background — задаёт фоновый рисунок на веб-странице;
link — цвет ссылок на веб-странице;
vlink — цвет посещённых ссылок.
...
Их очень много, но всё это можно будет задать и в css-свойствах
👍7