Базовый анимированный значок меню
Сложность - ЛЕГКО
Языки - HTML, CSS, JS
🖥 Читать статью 🖥
Если есть вопросы по коду, писать сюда @WebLabFeedBackBot
#html #css #javascript
Сложность - ЛЕГКО
Языки - HTML, CSS, JS
🖥 Читать статью 🖥
Если есть вопросы по коду, писать сюда @WebLabFeedBackBot
#html #css #javascript
Telegraph
Базовый анимированный значок меню с помощью CSS и JavaScript
ШАГ 1 Добавляем HTML:
Эффект ввода текста
Сложность - ЛЕГКО
Языки - HTML, JS
🖥 Читать статью 🖥
Если есть вопросы по коду, писать сюда @WebLabFeedBackBot
#javascript #html
Сложность - ЛЕГКО
Языки - HTML, JS
🖥 Читать статью 🖥
Если есть вопросы по коду, писать сюда @WebLabFeedBackBot
#javascript #html
Telegraph
Эффект ввода текста с помощью JavaScript
ШАГ 1 Добавляем HTML:
Интересные теги HTML:
1) Тег <CODE> предназначен для отображения одной или нескольких строк текста, который представляет собой программный код.
2) Тег <BLOCKQUOTE> предназначен для выделения длинных цитат внутри документа. Текст, отображается как выровненный блок с отступами слева и справа.
3) Тег <DEL> используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
4) Тег <XMP> отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины. Пока тег <XMP> не закрыт, все теги внутри него отображаются как обычный текст.
5) Тег <ABBR> указывает, что символы являются аббревиатурой. С помощью параметра title дается расшифровка сокращения, что позволяет понимать аббревиатуру.
6) Тег <ADDRESS> предназначен для хранения информации об авторе. Планируется, что поисковые системы будут анализировать содержимое этого тега для сбора информации.
#теги #html
1) Тег <CODE> предназначен для отображения одной или нескольких строк текста, который представляет собой программный код.
2) Тег <BLOCKQUOTE> предназначен для выделения длинных цитат внутри документа. Текст, отображается как выровненный блок с отступами слева и справа.
3) Тег <DEL> используется для выделения текста, который был удален в новой версии документа. Подобное форматирование позволяет отследить, какие изменения в тексте документа были сделаны.
4) Тег <XMP> отображает содержимое контейнера «как есть» и шрифтом фиксированной ширины. Пока тег <XMP> не закрыт, все теги внутри него отображаются как обычный текст.
5) Тег <ABBR> указывает, что символы являются аббревиатурой. С помощью параметра title дается расшифровка сокращения, что позволяет понимать аббревиатуру.
6) Тег <ADDRESS> предназначен для хранения информации об авторе. Планируется, что поисковые системы будут анализировать содержимое этого тега для сбора информации.
#теги #html
Часто задаваемый вопрос: "Как подключить CSS к HTML коду?"
Способ 1. Отдельный CSS файл.
Самый распространенный способ подключения CSS - это когда он хранится в отдельном файле. Преимущество такого подхода в том, что CSS файл один, а HTML файлов может быть любое количество. Чтобы подключить CSS файл к HTML странице, в теге head следует написать такую конструкцию:
Способ 2. CSS внутри тега style.
Второй способ заключается в том, что CSS код можно написать в теге <style> Его можно размещать как внутри <head>, так и внутри <body>. Недостаток этого способа в том, что CSS код применяется только к одной странице сайта. Этот способ обычно применяется тогда, когда нужно написать CSS на конкретной странице сайта, не затрагивая остальных. Пример:
#css #html
Способ 1. Отдельный CSS файл.
Самый распространенный способ подключения CSS - это когда он хранится в отдельном файле. Преимущество такого подхода в том, что CSS файл один, а HTML файлов может быть любое количество. Чтобы подключить CSS файл к HTML странице, в теге head следует написать такую конструкцию:
<link rel="stylesheet" href="путь к CSS файлу">
. Сам CSS файл должен быть с расширением .css. Обычно его называют style.css.Способ 2. CSS внутри тега style.
Второй способ заключается в том, что CSS код можно написать в теге <style> Его можно размещать как внутри <head>, так и внутри <body>. Недостаток этого способа в том, что CSS код применяется только к одной странице сайта. Этот способ обычно применяется тогда, когда нужно написать CSS на конкретной странице сайта, не затрагивая остальных. Пример:
<style> p {color: red;} </style>
#css #html