Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
Пройдите все испытания в игре кальмара второго сезона

Игра в кальмара 2: новые испытания

Аркады, Казуальные, Для мальчиков

Играть

Топ прошлой недели

  • AlexKud AlexKud 38 постов
  • SergeyKorsun SergeyKorsun 12 постов
  • SupportHuaport SupportHuaport 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня

HTML + Программист

С этим тегом используют

CSS Программирование Javascript Верстка IT Сайт Web IT юмор Юмор Картинка с текстом Работа Разработка Все
99 постов сначала свежее
3
shaitan.vladimir
shaitan.vladimir
3 года назад
Web-технологии

Начало работы с HTML 5 - Теги⁠⁠

Взглянем ближе на HTML


<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, tempora!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat, tempora!</p>


Что означает конструкция <p> ?


В языке HTML Такая конструкция называется тег. Ранее мы уже видели несколько тегов <section>, <h1>. Теги оборачивают наш контент и в итоге обрабатываются браузерами.

<div>
<h1>Some title</h1>
</div>

Все рассмотренные нами теги являются парными, так как имеют открывающую и закрывающую часть. В примере выше мы можем видим <h1>Some title</h1>.

<h1> — является открывающей частью тега.

</h1> — является закрывающей частью тега.

А между открывающей и закрывающей частью тега мы, обычно располагаем контент.

<hr>  <!-- Вариант 1 -->
<hr />  <!-- Вариант 2 -->
<br>  <!-- Вариант 1 -->
<br />  <!-- Вариант 2 -->

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

<section>
<h2>Some another title</h2>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p>
<hr>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab
excepturi incidunt maxime odio sint? Commodi cupiditate modi nesciunt
pariatur tempore?
</p>
</section>
Ключевой особенностью тегов является то что мы можем вкладывать их друг в друга, это хорошо видно из примера выше. Таким образом мы можем выстраивать более сложные композиции тегов и создавать более сложные системы.

<ul>
<li>Lorem ipsum.</li>
<li>At, maxime!</li>
<li>Dolores, recusandae.</li>
</ul>

В некоторых случаях вложенность является обязательной частью разметки текста. В примере выше, браузер не сможет интерпретировать теги <li> и их внутренний контент правильным образом, если теги <li> не будут вложены внутрь тега <ul>.
Показать полностью 1
[моё] HTML Html 5 Javascript CSS Frontend Программирование Сайт Интересные сайты Создание сайта Веб-разработка Pikaweb Программист IT Разработка Баг Видео
14
NiceMishan4ik
3 года назад

Псевдоклассы enabled, disabled,checked и focus⁠⁠

[моё] HTML Html 5 Css3 Программирование IT Программист Web-программирование Веб-разработка Видео
6
NiceMishan4ik
3 года назад
Web-технологии

Псевдоэлементы first-line и first-letter⁠⁠

[моё] Программирование HTML Разработка IT CSS Css3 Программист Верстка Видео
3
NiceMishan4ik
3 года назад

Video⁠⁠

[моё] HTML Программирование CSS Html 5 Javascript IT Программист Видео
4
8
CrazyCoding
CrazyCoding
3 года назад
ИТ-проекты пикабушников

Эффект Горящего Текста CSS⁠⁠

Всем привет, новое видео от меня!


Создаем Эффект Горящего Текста на чистом HTML и CSS. Пример можно использовать для стилизации заголовков на сайте или любого другого важного текста на странице. Есть возможность стилизовать текст под себя, изменить шрифт, анимацию пламени и его цвет.

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


jsFiddle: https://jsfiddle.net/CrazyCoding21/051osmuw/1/

GitHub: https://github.com/CrazyCoding21/CC-HTML-CSS-53-Fire-Text-Ef...


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

Показать полностью 1
Программист IT HTML CSS Туториал Практика Видео
12
95
groover21
3 года назад
Программирование на python

Подборка слитых курсов для тех, кто хочет научиться программировать⁠⁠

Если мечтаете научиться кодить на php, то вам помогут эти видео:

1. Базовый курс для новичков

https://www.obuka.org/course/dmitriy-lavrik-php-bazovyy-kurs...


2. Курс по сайтостроению на php, где научат создавать интернет магазины https://www.obuka.org/course/webcademy-internet-magazin-na-p...


3. Дополнительный курс по php и MySQL

https://www.obuka.org/course/konstantin-sheremetev-programmi...


Для тех, кто хочет обуздать C#

Курс для новичков и уже опытных в С#

https://www.obuka.org/course/itproger-izuchenie-c-ot-novichk...


Если хотите выучить java или javascript, то вам помогут эти курсы:

1. Функции в javascript

https://www.obuka.org/course/aleksandr-lushchenko-funkcii-v-...


2. Разработка сайтов на javascript

https://www.obuka.org/course/otus-podgotovitelnyy-kurs-po-ja...


3. Практика java для начинающих

https://www.obuka.org/course/alishev-praktika-dlya-nachinayu...


4. Еще одна практика javascript

https://www.obuka.org/course/lushchenko-aleksandr-praktiches...


5. Разработки на java под андройд

https://www.obuka.org/course/udemy-android-razrabotka-s-nuly...


6. Еще один курс по разработке на java под андройд уже с конкретным приложением

https://www.obuka.org/course/udemy-javascript-vostochnyy-gor...


Для тех кто хочет выучить python

1. Курс для новичков

https://www.obuka.org/course/udemy-python3-s-nulya-20192/119...


2. Еще один курс для новичков

https://www.obuka.org/course/udemy-polnoe-rukovodstvo-po-pyt...


3. Создание парсеров на python

https://www.obuka.org/course/p-notes-prakticheskiy-kurs-pars...


4. Python для машинного программирования

https://www.obuka.org/course/udemy-mashinnoe-obuchenie-vydel...


Курсы по HTML и CSS

1. HTML и CSS для верстки сайта

https://www.obuka.org/course/udemy-kirill-drutsko-html5-css3...

2. CSS для анимации

https://www.obuka.org/course/udemy-css-animaciya-interfeysov...


Ну и на последок курс по созданию ботов в телеграм

https://www.obuka.org/course/udemy-shpionskiy-bot-dlya-teleg...

Показать полностью
Программирование Программист Python Javascript HTML CSS Длиннопост Текст
16
aie24.ru
aie24.ru
4 года назад
Web-технологии

Как написать калькулятор на JavaScript⁠⁠

Ну что-же, поехали. Разметка у нас простая.

Как написать калькулятор на JavaScript Javascript, Программист, Программирование, HTML, Frontend

Для начала определим все переменные.

Как написать калькулятор на JavaScript Javascript, Программист, Программирование, HTML, Frontend

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

Внутри if создаем переменную, которая содержит в себе результат соответствующей операции.

Как написать калькулятор на JavaScript Javascript, Программист, Программирование, HTML, Frontend

parseInt() — нужен для того, что бы привести содержимое input[type=text] в числовое значение. Если этого не сделать, то при 2+2, получим 22. Не забудем вывести результат, в специально созданное для этого поле.

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

Как написать калькулятор на JavaScript Javascript, Программист, Программирование, HTML, Frontend
Показать полностью 2
Javascript Программист Программирование HTML Frontend
20
Партнёрский материал Реклама
specials
specials

Сколько нужно времени, чтобы уложить теплый пол?⁠⁠

Точно не скажем, но в нашем проекте с этим можно справиться буквально за минуту одной левой!

Попробовать

Ремонт Теплый пол Текст
POKIS
POKIS
4 года назад

Когда скучно стало⁠⁠

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


Жил был однажды Даня, и решил он зарегать пикабу. Зарегистрировался, и он вспомнил, что мечтает стать программистом, ну и решил спросить там стоит ли быть программистом.. говорят, у него рейтинг - 100 стал, и больше его никто не видел..

[моё] Программирование Сайт Программист HTML Python C++ Негатив Пикабу История Текст
16
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии