Шпаргалка блоггера
Пробел
HTML-символы пробела, в том числе неразрывного с примерами, способы сделать несколько пробелов подряд, свойства CSS.
Вертикальный текст (свойство writing-mode)
/* направление содержимого */ writing-mode: horizontal-tb | vertical-rl | vertical-lr | initial | inherit | unset
Запретить/разрешить выделение текста (свойство user-select)
/* выделение для копирования */ user-select: auto | none | text | contain | all | initial | inherit | unset
Познавательный мультфильм для детей от 5 лет
Много ли может изобрести один человек для развития человечества? Мультфильм «Коля, Оля и Архимед» покажет какой вклад внёс всего один математик
Как быстро копировать и вставлять текст
Онлайн инструмент, который поможет быстро скопировать заранее подготовленный текст.
Перенос текста (свойство white-space)
Переносить текст на другую строку автоматически или делать это с помощью Enter или запретить вовсе; показывать все пробелы или как один устанавливает white-space
Как TXT перевести в HTML
Поменять .txt файл в .html можно с помощью «Блокнота» или «Файлового менеджера» хостинга.
Как найти процент от числа — Примеры
Формулы и образец расчёта процента, понятное объяснение, многочисленные примеры
Кернинг шрифта (свойство font-kerning)
/* кернинг */ font-kerning: auto | normal | none | initial | inherit | unset
Изменить курсор мыши (свойство cursor)
Браузеры определяют вид курсора в зависимости от тега HTML. Можно изменить его внешность средствами CSS с помощью свойства cursor.
1 2 3 4 5 6 7
🏗️ HTML — это язык разметки веб-документов. Веб-страница состоит из прямоугольных полых кирпечей-коробочек — тегов HTML. Как в одну коробку можно положить другую меньшего размера, так и один тег может содержать вложенные теги.
- Как открыть код страницы сайта
- Все теги HTML с описанием и примерами
- Символы HTML, в том числе emoji
🎨 CSS — это язык описания внешнего вида веб-документа.
- Кнопки CSS для сайта
- Выравнивание текста по вертикали CSS
- Тень CSS с помощью свойства box-shadow
🔨 PHP — это язык программирования, позволяющий формировать HTML-код веб-страницы.
- Форма обратной связи с отправкой на почту
- Как создать RSS на PHP и MySQL
- Как создать Sitemap на PHP и MySQL
🔧 JavaScript — это язык программирования, позволяющий менять HTML-код веб-страницы в браузере посетителя.
- Получить значение input в JS
- Window.open() для перехода на другую страницу
- Получить URL страницы в JS
📈 SEO — это комплекс мер, которые позволят привлечь посетителей из Google или Яндекса.
- Как пользоваться Wordstat
«Просмотры», «Визиты», «Посетители» в Яндекс.Метрике- Правильная страница «Контакты» на сайте
✍️ Блог (англ. blog – “сетевой журнал”) — это веб-сайт, основное содержание которого — регулярно добавляемые записи, сортированные в обратной хронологической последовательности. Первой бесплатной блоговой службой, основанной в 1999 году, является платформа Blogger.
- Зачем вести блог
- О чём писать в блоге
- Оптимизация Blogger
🤓 Калькуляторы процентов, времени, онлайн линейки и другой материал на сторонние от сайтостроительства темы.
- Как посчитать процент от числа
- Когда будет високосный год
- Сложение в столбик
10 шпаргалок по HTML и CSS — Tproger
Чтобы не теряться в океане тегов и атрибутов, забирайте наиболее полные шпаргалки по HTML и CSS. Никакой воды — максимум пользы.
- Шпаргалки по HTML
- Шпаргалки по CSS
Шпаргалки по HTML
Язык гипертекстовой разметки — основа фронтенда, её скелет, на который вешаются стили и функционал. Самая последняя версия — HTML5: поддерживает все теги и элементы. Так, с появлением HTML 5 были добавлены новые типы ввода:
email
для ввода электронной почты:<input type="email" name="user_email" />
url
для соответствующих input-полей:<input type="url" name="user_url" />
number
для числовых значений:<input type="number" name="points" min="1" max="10" />
range
для диапазона чисел:<input type="range" name="points" min="1" max="10" />
- Выбор даты:
<input type="date" name="user_date" />
- Выбор цвета:
<input type="color" name="user_color" />
. Opera позволит выбрать цвет из палитры, а Chrome разрешит отправлять форму только с шестнадцатеричным значением.
Держите шпаргалку по HTML4 и HTML5. Там же вы сможете найти различные спецификации поддержки и совместимости для десктопа и мобильных устройств для HTML 5 в разных браузерах.
А в следующих двух шпаргалках представлены символьные объекты HTML. Что это такое? Некоторые символы зарезервированы за HTML-разметкой, а потому не могут использоваться напрямую, поскольку есть шанс поломать вёрстку. Например, чтобы прописать левую или правую угловую скобку (<>
) в статье, мы записываем их в HTML как <
и >
соответственно. В противном случае затронем теги вёрстки.
Вот сами чит-листы по HTML-символам:
Полная версия: https://cheatography.com/davechild/cheat-sheets/html-character-entities/
Полная версия: https://cheatography.com/reverseemf/cheat-sheets/html-character-entities/
То же самое, но на русском вы найдёте на htmlbook.ru.
Следующая шпаргалка содержит основные теги HTML5:
Полная версия: https://cheatography. com/kenlandtan/cheat-sheets/html-5/
Также держите расширенную шпаргалку с тегами HTML5: четыре страницы с подсказками отлично подойдут, чтобы подготовиться к собеседованию.
Но перед тем, как перейти к CSS, нельзя не отметить едва ли не самую
Шпаргалки по CSS
Каскадные таблицы стилей, они же CSS, описывают, как именно HTML-элементы будут отображаться. При этом один и тот же стиль может применяться сразу к нескольким элементам или даже страницам.
При первом знакомстве с CSS могут возникнуть проблемы с обозначением единиц измерения. Некоторые из них пришли из типографской традиции, как пункт (pt
) и пика (pc
), другие, например сантиметр (cm
) и дюйм (in
), знакомы нам из обихода. Есть и специальная единица измерения, придуманная специально для CSS:
.
Держите шпаргалку по единицам измерения в CSS, чтобы не запутаться:
Источник: https://cheatography. com/rahilkasimi/cheat-sheets/css-units-cheatsheet/
А ещё есть селекторы, которые определяют, к какому элементу применять то или иное CSS-правило. Если вас интересуют CSS-селекторы, то вам сюда:
Полная версия по ссылке
А вот ещё одна удобная шпаргалка по CSS, которая собрала в себе максимум полезной информации. Также посмотрите, как правильно использовать CSS-селектор :has().
Надеемся, что шпаргалки по HTML и CSS оказались полезными. Чит-листы по каким языкам и технологиям вы хотели бы увидеть? Напишите в комментариях.
Реклама на Tproger: найдем для вас разработчиков нужного стека и уровня.
Подробнее
Реклама на tproger.ru
Загрузка
Приложение E. Памятка по URL-адресам
Примечание
Ограничения на доступ в Интернет см. в Разделе 17.2, «Доступ через Интернет».
Путь | Описание/Параметры/Примеры | ||||||||
---|---|---|---|---|---|---|---|---|---|
| Пользовательское веб-приложение https:// | ||||||||
| Пользовательское веб-приложение sp-пользователь=[пользователь] sp-lang=[de|en|es|fr|nl|ru|. | ||||||||
| Вход пользователя в веб-приложение с помощью OAuth [провайдер] и необязательный плагин [id]. https:// | ||||||||
| Веб-приложение администратора Веб-заявки на работу Приложение Веб-сайт почтовых билетов Приложение Платежная сеть Приложение Веб-сайт торговых точек Приложение Печать веб-сайта Приложение Все веб-приложения sp-пользователь=[пользователь] sp-lang=[de|en|es|fr|nl|ru|. .] sp-ctry=[DE|US|ES|FR|NL|RU|..] sp-login=[имя|id|nfc-local|yubikey] sp-log=[предупреждать|информация|отладка] https:// | ||||||||
|
Принтер Очередь Принтер по умолчанию Очередь ипп //
В ответ на запрос IPP Get-Printer-Attributes «имя принтера» возвращается как «SavaPage» (очередь по умолчанию) или «SavaPage-[очередь]». | ||||||||
| Путь URI устройства принтера для Интернет-печати. Параметры не параметры запроса, а часть путь. ipps://example.com/printers/internet \ /1111/b0a2f092-8c5b-11e5-a6fb-406186940c49 | ||||||||
| Веб-клип для iOS Установить https:// | ||||||||
| Руководство пользователя | ||||||||
| Информация о лицензии | ||||||||
| Веб-API Обратный звонок | ||||||||
| Обратный вызов веб-API для платежного шлюза | ||||||||
| Загрузка общих клиентских файлов. Ссылка на каталог загружает заархивированный контент. | ||||||||
| Безопасный только XML-RPC конечная точка: https://savapage:8632/xmlrpc См. Раздел C.2.1, «XML-RPC». | ||||||||
| Раздел N.4, «Интерфейс синхронизации и аутентификации пользователя PaperCut». | ||||||||
| Раздел C. 3, «Служба Atom Feed». | ||||||||
| Раздел 10.2, «Подпись PDF/PGP». | ||||||||
[a] Если SSL-сертификат не является доверенным a возникнет ситуация "ошибка клиента невозможна" при добавлении принтера. |
Таблица E.1. Шпаргалка URL SavaPage
Программное обеспечение SavaPage Open Print Portal ©
2022 от Datraverse является программным обеспечением с открытым исходным кодом, сертифицированным OSI.
под лицензией AGPLv3 или любой более поздней версии,
в соответствии с Лицензиями на программное обеспечение третьих лиц.
Руководство пользователя SavaPage
© 2022, Райк Равестейн
находится под лицензией Creative Commons Attribution-ShareAlike 4. 0 International License.
ru/sphinx - ROS Wiki
Пожалуйста, смотрите EditingTheWiki для получения рекомендаций по организации нашей вики и советов по созданию новых страниц. |
Пакет ROS или стек
Если вы создаете начальную страницу для стека или пакета, присвойте этой странице то же имя, что и самому стеку или пакету, и используйте один из следующих шаблонов:
Если вы создаете дополнительную документацию для пакета или стека, не стесняйтесь структурировать ее по своему усмотрению, но, пожалуйста, держите ее в пределах пространства имен вашего пакета (например, "ros.org/wiki/my_package/more_details") Создать новую пустую страницу
Учебные пособия
Для систематизации учебных пособий в каждой стопке и пакете есть ссылка на учебные пособия в нижней части страницы. Если вы попали сюда по этой ссылке, создайте список руководств с помощью этого шаблона:
TutorialIndexTemplate
После сохранения этой страницы на ней будет кнопка «Создать учебное пособие», которую вы можете использовать для создания новых страниц руководств.