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

Тайна Самоцветов: Ключ Сокровищ - Три в ряд

Казуальные, Три в ряд, Головоломки

Играть

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

  • CharlotteLink CharlotteLink 1 пост
  • Syslikagronom Syslikagronom 7 постов
  • BydniKydrashki BydniKydrashki 7 постов
Посмотреть весь топ

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

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

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

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

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Основы HTML

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

HTML Программирование CSS IT Разработка Программист Css3 Все
49 постов сначала свежее
Вопрос из ленты «Эксперты»
tablepedia
4 месяца назад
Web-технологии

Генерация HTML файлов с помощью Excel и бесплатного OpenOffice Calc⁠⁠

Я в феврале 2025 года работаю над проектом "Генерация HTML файлов с помощью табличного редактора". Напишите, пожалуйста, в комментариях ссылки на похожие проекты. Точнее, на файл табличного редактора для генерации HTML.

[моё] Вопрос Спроси Пикабу Программа Программирование Microsoft Excel HTML Основы HTML Windows Файл Генерация Таблица Сайт IT Web Web-программирование Приложение CSS Дизайн Веб-дизайн Графический дизайн Короткопост Текст
14
sumat777
sumat777
9 месяцев назад
Лига программистов
Серия Курсы

Таинственный мир HTML сущностей⁠⁠

Развлекательно - познавательная информация для тех, кто хочет начать погружение в веб дизайн и программирование.

© 2024 Константин Оборотов

===

Таинственный мир HTML сущностей Лингвистика, Слова, HTML, Основы HTML, Веб-дизайн, Видео, Длиннопост

Как вы думаете, сколько букв в алфавите русского языка? Если вы считаете, что 33, то я с удовольствием с вами поспорю.

Я считаю, что всего лишь 32, т.к. буква "ё" формально существует, но лучше ее никогда не использовать на практике. По современным правилам букву "ё" всегда можно заменить буквой "е", но нельзя поступать наоборот. Это означает, что использование буквы "ё" ничем не оправдано и несет в себе дополнительные риски ошибок. А раз мы букву "ё" никогда не используем, то зачем ее считать буквой алфавита?

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

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

Все перечисленные выше варианты реальны и все они трудоемки, требуют ясности ума, чистоты мышления и большого трудолюбия.

Впрочем, это еще полбеды. А как хранится это огромное количество иероглифов и сколько их вообще?

Если мы можем согласиться, что в русском языке 32 буквы, ну, пускай, максимум 33, то в китайском языке все сложнее. Не всякий сможет подсчитать их точное количество. Кто-то говорит, что всего лишь 800, кто-то 3000. Другие специалисты утверждают, что около ста тысяч. Но это неточно.

Так сколько же иероглифов в китайском языке? У меня есть простой, четкий и однозначный ответ на этот, казалось бы, сложный вопрос. Ровно 20992 знака. Как мне удалось так точно подсчитать? Я открою вам этот секрет. Следите за полетом моей мысли.

Как всем известно, мы с вами работаем в кодировке "UTF-8", самым популярном представлении Юникода. При этом используем 1112064 кодовых позиций, т.е. символов. По сути, у нас тут получается мировой алфавит из более чем миллиона букв. В этот алфавит входят все английские и русские буквы, китайские иероглифы, буквы известных древних языков и разного рода "веселые картинки".

Русские буквы находятся в этом алфавите, начиная с позиции 1040 (большая русская буква А) до позиции 1103 (маленькая русская буква я).

Самые популярные китайские иероглифы занимают места от 19968 до 40959. Нехитрая арифметика дает тут результат по общему количеству: 20992.

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

Предлагаю вам поверхностно познакомиться с этим алфавитом. Давайте, бросим взгляд на 80 произвольно выбранных знаков из этого алфавита.

Таинственный мир HTML сущностей Лингвистика, Слова, HTML, Основы HTML, Веб-дизайн, Видео, Длиннопост

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

Понемножку мы можем начинать изучать китайский язык прямо сейчас. Первый иероглиф означает вовсе не "минус", как вы могли подумать, а "один". Второй иероглиф означает "человек". Что означает третий иероглиф, я не помню, найдите сами в Интернете. Зато я помню, что означает десятый иероглиф - "три".

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

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

Если вы дочитали до этого места, и вас заинтересовал прекрасный таинственный мир HTML сущностей, пробудился интерес к веб дизайну и строительству, то самое время погрузиться в эту тему более глубоко:

https://wpvi.ru/pages/html/entity/

Небольшая видео инструкция поможет вам ориентироваться в этом сложном большом мировом алфавите.

🐣🐤🐥🐓🐔🦆🦢

...

Первоисточник:

https://wpvi.ru/pages/story/00070/

===

Показать полностью 2 1
[моё] Лингвистика Слова HTML Основы HTML Веб-дизайн Видео Длиннопост
12
1156
romakozlitin367
romakozlitin367
2 года назад
Web-технологии

35 лучших бесплатных курсов HTML/CSS верстки в 2023⁠⁠

Подготовили для вас статью с бесплатными курсами по верстке html/css. В некоторых курсах есть тренажеры: можно проходить теории и там же практиковаться.

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

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

Тренажеры

  1. Бесплатный тренажер по html/css

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

    Язык: русский.

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

  2. Learn-html.org

    Тип: обучающий онлайн-тренажер.

    Язык: английский.

  3. Grid Critters

    Тип: обучающая онлайн-игра.

    Язык: английский.

Бесплатные курсы от школ

  1. “Как стать frontend-разработчиком с нуля?” от Skillfactory

    Простое решение для начинающих программистов — карьерный гид компании Skillfactory. Краткий мануал расскажет об основных задачах работников сферы IT и возможностях обучения. Чтобы получить гид, необходимо указать лишь имя и адрес электронной почты.

  2. “Основы HTML и CSS” от Stepik

    Основы программирования на HTML и CSS от Тимура Гудиева на платформе Stepik. Чтобы ввести участников в кодинг, автору потребуется всего 10 видеоуроков, а для активной практики он подготовил 34 теста по каждой из тем.

  3. “Введение в HTML5” от Курсера

    Курс — введение в HTML5 от Колин ван Лент и Чарльз Северанс на платформе Coursera. В этой программе при поддержке Мичиганского университета длительность в 3 недели преподаватели расскажут о базовых навыках владения языком, а по окончании всех участников ждет электронный сертификат.

  4. “Создание сайта на HTML” от ItProger

    Данный курс по верстке сайта от itProger.com предлагает базовые знания сразу по четырем направлениям: HTML, CSS, JS и jQuery — с реальным продуктом по итогам обучения — собственным сайтом. Вся программа рассчитана на 11 видеоуроков и 108 практических заданий.

  5. “Верстка сайта” от ItProger

  6. "Курс HTML для начинающих" от PHP.ZONE

  7. "Веб-разработка для начинающих: HTML и CSS" от Stepik

  8. "Знакомство с HTML и CSS" от HTML академии

  9. "Курс HTML / CSS" от Beonmax

  10. "Уроки HTML5" от ItProger

  11. "Основы HTML, CSS и веб-дизайна" от Хекслет

  12. "Курс HTML и CSS - верстка сайтов для начинающих" от School PHP

  13. "Уроки CSS" от ItProger

  14. "Введение в веб-разработку" от Hexlet

  15. "Вводный курс по HTML и CSS для начинающих" от ShowSkill

35 лучших бесплатных курсов HTML/CSS верстки в 2023 Программирование, HTML, CSS, Верстка, Курсы программирования, Основы HTML, IT, Создание сайта, Длиннопост, Текст, Подборка

Курсы с Youtube

  1. Создаем сайт на основе CSS3 + HTML5

    Краткий курс по созданию сайта на HTML5 и CSS3. За 14 видео автор канала Гоша Дударь расскажет все о верстке своего сайта, а также поделится общей информацией о профессии Frontend-разработчика

  2. HTML для начинающих

    Это курс для веб-программистов, поделенный на две части. В первой части объясняет и показывает автор канала loftblog, а во второй инсайтами и важной информацией для HTML-верстальщиков поделится Анастасия Редченкова.

  3. Верстка сайта #7 Создание лендинга для свадебного фотографа

    YouTube-курс "Верстка сайта" от FrontCoder. За 17 видео автор канала объяснит и покажет, как создать свой сайт на HTML и CSS всего за несколько часов на реальном примере — сайте свадебного ведущего.

  4. Верстка сайтов || Лендинги, интернет-магазины, портфолио

    Курс по верстке сайтов на HTML и CSS от LectorWeb. Плейлист содержит 17 коротких YouTube-видео со всем необходимым для начинающих Frontend-разработчиков.

  5. Курс HTML & CSS

    Видеокурс для начинающих HTML- и CSS-верстальщиков от Андрея Андриевского. За несколько часов хронометража автор проходится по основам кодинга с помощью данных языков, а также дает полезные советы желающим попробовать себя в сфере веб-разработки.

  6. HTML для начинающих

    Видеоуроки по HTML-верстке от ВебКадеми для начинающих программистов и учащихся образовательных учреждений. Программа рассчитана на 17 коротких роликов, в рамках которых автор канала Юрий Ключевский расскажет зрителям об основных аспектах веб-разработки.

  7. Бесплатный курс по верстке сайтов (Front End). Уроки HTML CSS JS

  8. HTML 2021 - Свежий курс веб-разработки

  9. ФРОНТЕНД. Введение во Frontend | Технострим от VK Team

  10. Web разработка

  11. Учим HTML за 1 Час! #От Профессионала

  12. БЕСПЛАТНЫЙ курс по верстке сайтов (Front End). Уроки HTML CSS JS // Фрилансер по жизни

  13. Веб-разработчик 10.0

  14. Web разработка

  15. Front-End разработка. Курсы по HTML, CSS, JavaScript

  16. Фронтенд разработка (осень 2017)

  17. Web-разработка

35 лучших бесплатных курсов HTML/CSS верстки в 2023 Программирование, HTML, CSS, Верстка, Курсы программирования, Основы HTML, IT, Создание сайта, Длиннопост, Текст, Подборка

Что можно делать с помощью HTML и CSS?

Применяя HTML и CSS в верстке и веб-программировании, разработчики могут:

  • Применяя HTML и CSS в верстке и веб-программировании, разработчики могут:

  • Менять стиль и дизайн веб-проектов;

  • Отлаживать код

Сколько приносит верстка HTML и CSS в 2023 году?

По данным HH.ru, в феврале 2023 года средняя зарплата верстальщика на HTML и CSS составляет 46 000 рублей. Senior-программисты могут получать до 70 000 рублей, а вот Junior — примерно 35 000.

В то же время, рынок труда предлагает около 1 600 вакансий для позиции верстальщиков HTML и CSS каждый месяц.

Почему HTML?

Выступая практически универсальным решением в программировании, Java представляет собой:

  • Язык с понятной структурой — у Java несложный синтаксис;

  • Широкий выбор фреймворков — есть готовый набор решений для любых проектов;

  • Безопасный кодинг — JVM блокирует попытки навредить коду;

  • Обратно совместимый язык — все коды полностью функционируют вне зависимости от даты написания.

Почему HTML и CSS?

HTML и CSS — наиболее популярные языки во всех формах веб-программирования. Так, они:

  • Экономно расходуют ресурсы сервера сайта — из-за своей структуры код занимает мало места в системе;

  • Упрощают разработку сайтов — один файл стилей можно применить сразу на все страницы;

  • Ускоряют загрузку сайта — браузер кеширует стили, а далее загружает только данные;

  • Совмещают любые устройства — если они имеют доступ к редакторам HTML- и CSS-файлов.

Показать полностью 2
Программирование HTML CSS Верстка Курсы программирования Основы HTML IT Создание сайта Длиннопост Текст Подборка
115
shaitan.vladimir
shaitan.vladimir
2 года назад
Web-технологии

PADDING | MARGIN | BORDER | BOX-SIZING [Урок 7] - Отступы в CSS⁠⁠

В этом уроке разберем абсолютно все нюансы по работает с отступами в #CSS и #HTML.

Изучим: работу CSS свойств: padding, margin, border и box-sizing и полностью разберем все нюансы работы с шириной элементов и взаимодействию отступов с ними.

Домашнее задание к этому уроку ищи здесь - https://t.me/VS_FRONTEND/803

https://youtu.be/sAlpKnFGrDs

[моё] Программирование Программист IT CSS Css3 HTML Основы HTML Htmlbook Html 5 Браузер Frontend Разработчики Web Веб-разработка Pikaweb Видео YouTube
16
shaitan.vladimir
shaitan.vladimir
2 года назад
Web-технологии

Композиция тегов HTML⁠⁠

https://youtube.com/shorts/zagqcI3uyck?feature=share

[моё] IT Разработка Интернет HTML Основы HTML Htmlbook Браузер Веб-разработка Frontend Верстка Верстальщик Видео YouTube
6
3
shaitan.vladimir
shaitan.vladimir
2 года назад
Web-технологии

Редкие теги в HTML: details, dialog, menu⁠⁠

Привет, Привет, в рамках этого урока мы познакомимся в очень редкими тегами в HTML которые практически невозможно встретить, а именно: details, dialog, menu. Текстовая версия урок в полной версии статьи.

Details


<details> - создает интерактивный элемент при нажатии на который пользователю будет показана дополнительная информация. Обычно используется в паре с тегом <summary>. Этот элемент практически не используется так как является стандартным и тяжел для стилизации через CSS. Обычно если нужен элемент с подобным функционалом его создают из базовых тегов используя HTML + CSS + JavaScript.

<details> 
<summary>Описание</summary> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, saepe?</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, saepe?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, saepe?</p> 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, saepe?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, saepe?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut, saepe?</p>
</details>

Имеет атрибут open при наличии которого браузер сразу будет показывать скрытый контент

<details open>
<summary>Описание</summary>
<p>content</p>
</details>

Как вы могли заметить текст из тега <summary> стал заголовком <details>

Dialog

<dialog> - создает интерактивный элемент при нажатии на который пользователю будет показано всплывающее окно с контентом. Этот элемент практически не используется так как является стандартным и тяжел для стилизации через CSS.

Обычно если нужен элемент с подобным функционалом его создают из базовых тегов используя HTML + CSS + JavaScript.

В данном случае мы ничего не увидим так как по-умолчанию диалог скрыт

<dialog>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias consequatur cupiditate eos, excepturi inventore iste libero perferendis quibusdam reiciendis soluta vel veritatis voluptate voluptates! Blanditiis laborum quos repellat vero voluptatem?
</dialog>

Для того, чтобы открыть диалог, нам нужно добавить ему атрибут open

<dialog id="favDialog" open>  dialog content  </dialog>

Menu

Тег <menu> является семантической заменой тега <ul>, на данный момент тег <menu> является экспериментальной технологией и его лучше не использовать, так как не все браузеры его могут поддерживать.

<menu type="context" id="popup-menu">
<menuitem>Action</menuitem>
<menuitem>Another action</menuitem>
<hr/>
<menuitem>Separated action</menuitem>
</menu>

<menu type="toolbar">
<li>
<button type="menu" menu="file-menu">File</button>
<menu type="context" id="file-menu">
<menuitem label="New..." onclick="newFile()"></menuitem>
<menuitem label="Save..." onclick="saveFile()"></menuitem>
</menu>
</li>

<li>
<button type="menu" menu="edit-menu">Edit</button>
<menu type="context" id="edit-menu">
<menuitem label="Cut..." onclick="cutEdit()"></menuitem>
<menuitem label="Copy..." onclick="copyEdit()"></menuitem>
<menuitem label="Paste..." onclick="pasteEdit()"></menuitem>
</menu>
</li>
</menu>

В спецификации HTML4 <menu> работал по другом, но с выходом стандарта HTML5 логика тега <menu> была изменена, но на данный момент его практически не поддерживают никакие браузеры.

Более подробная информация о данных тегах рассказана в видео

Файлы с урока

Мой Телеграм канал

Показать полностью
[моё] Программист Программирование Баг Разработка IT HTML Основы HTML Html 5 Frontend Видео YouTube Длиннопост
1
Аноним
Аноним
2 года назад
Лига программистов

С чего начать изучать веб разработку? Лучшие ресурсы для изучения!⁠⁠

[моё] IT Программирование Курсы программирования Разработка YouTube Программист Web-программирование Javascript CSS Основы HTML HTML Видео
8
0
ZapiskiKavkazca
ZapiskiKavkazca
2 года назад

Подскажите, изучая веб-верстку, нужно ли изучать HTML и CSS старых версий, или сразу начинать с изучения HTML5 и CSS3?⁠⁠

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

Не пропущу ли я важную для себя базу? Не хочу потом столкнувшись с чем-то непонятным впасть в ступор,

[моё] Учеба Профессия Frontend HTML Основы HTML Текст
16
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии