HTML + IT

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

155 постов сначала свежее

shaitan.vladimir

3 года назад

Web-технологии

Урок - Подключение CSS⁠⁠

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

Способ #1 - inline styles

Одним из общих атрибутов для каждого тега, является атрибут style, внутри которого мы и можем писать наш CSS код.

<h1 style="color: red">Some Title - <a href="#">link</a></h1>

Способ #2 - тег <style>

Внутри тега <style> мы можем писать стили, идентифицируя нужные нам теги по их атрибутам, именам и тд. (селектору тега). Тег <style> должен быть расположен внутри тега <head>.

<head>
<style>
div {
max-width: 1200px;
margin: 0 auto;
background-color: antiquewhite;
padding: 10px 20px;
}
</style>
</head>

Открыть на CodePen

Способ #3 - отдельный файл

Самое лучшее что можно придумать, это подключение отдельного CSS файла к нашему проекту. Делается это через тег <link>, который также должен быть вложен внутрь тега <head>.

Атрибуты:

rel - должен иметь значение stylesheet

href - ссылку или путь к файлу .css

Тег <link> имеет больше атрибутов, на данном этапе их рассматривать не будем.

<link rel="stylesheet" href=".././css/style.css">

Способ #4 - отдельный файл через тег <style>

Не рекомендую вам так делать, лучше старайтесь всегда когда возможно подключать свои .css файлы через тег link. Такой способ практически ничем не отличатся от подключения через <link> кроме синтаксиса, но он читается намного хуже и усложняет понимание.

<style>
@IMPORT '.././css/style2.css';
</style>

P.S. Больше уроков у меня на канале

P.P.S. Файлы с урока

Показать полностью

[моё] HTML Html 5 Основы HTML CSS Css3 Javascript Frontend Верстка Верстальщик Программирование Программист Разработка Разработчики IT Баг Собеседование Видео YouTube Длиннопост

Zeeoff

3 года назад

Как и где учить HTML и CSS? Стоит ли брать курсы? Куда возьмут работать?⁠⁠

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

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

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

Как и где учить HTML и CSS?

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

Конечно, теория тоже важна. Но абсолютно такой же уровень знаний можно было получить, листая просто сайты по запросу "HTML справочник".

Лично я знал HTML и CSS еще до шараги. Учил я его с помощью Solo Learn. Есть как веб-версия, так и приложения в Google Play и App Store. В приложении есть и полноценные языки программирования. Просто выбираете любой курс и проходите теорию.

Как и где учить HTML и CSS? Стоит ли брать курсы? Куда возьмут работать? HTML, Основы HTML, CSS, IT, Программирование, SEO, Веб-разработка, Создание сайта, Продвижение, Длиннопост

После каждой темы вы должны закрепить пройденный материал ответом на контрольный вопрос. А после прохождения всей темы проходите полноценный тест.

Радует наличие как простых тестов, так и фрагментов кода, куда вы должны написать или же перетащить недостающие кусочки.

А в конце вам дают такой сертификат:

Достаточно ли будет обучения в Solo Learn или нужно делать что-то еще? Ответ очевиден. Догадаетесь?

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

Также вы можете скачивать чужие сайты через какие-нибудь онлайн-сервисы и пробовать работать над чужим кодом. Стоит это делать для того, чтобы больше понять структуру, да и в будущем это поможет, когда вы будете работать в команде.

Куда возьмут работать с HTML и CSS?

Сразу скажу, что знаний одних только HTML и CSS будет недостаточно. Конечно, если речь идет о хорошо оплачиваемой работе. Когда у меня совсем не было знаний, я работал контент-менеджером в интернет-магазине за 30к.

Работа была не очень пыльной, в основном она заключалась в публикации статей, которые мы заказывали, создании новых товаров, изучении SEO и съемки видео с обзорами товаров на ютуб.

Но мне это даже нравилось, потому что я мог развиваться сразу в нескольких сферах. А это стоит очень многого.

Стоит ли брать курсы?

На этот вопрос я уже ответил выше. Мне кажется, что в этом нет никакого смысла. Тот же HTML, CSS можно выучить в Solo Learn и по гайдикам на ютубе. Также не забывайте о практике и пытайтесь что-то сделать сами.

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

А что изучать после HTML и CSS, чтобы создавать сайты?

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

1) В том же приложении Solo Learn пройдите курсы PHP и JS;

2) Освойте CMS Wordpress - систему управления контентом, которую использует огромное количество сайтов - от блогов до полноценных интернет-магазинов;

3) Откройте для себя фреймворк Bootstrap, который ускорит вашу фронтенд-разработку в разы за счет уже готовых блоков и стилей;

Если вам понравился мой материал, то можете открыть что-то новое для себя в моем блоге. Также вы можете перейти в мою группу в Вконтактике, а оттуда в беседу сообщества и задать любой интересующий вас вопрос!

Показать полностью 3

[моё] HTML Основы HTML CSS IT Программирование SEO Веб-разработка Создание сайта Продвижение Длиннопост

DELETED

3 года назад

Переопределение шаблона twig в Drupal 8⁠⁠

Предположим, вам нужно создать параграф, который должен выглядеть вот так:

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

Нам нужно, чтобы картинка располагалась справа. Есть множество способов этого добиться, но сейчас мы рассмотрим twig.

Для того чтобы переопределить шаблон этого параграфа — в теме, в папке templates нужно создать файл:

paragraph--машинное_имя_параграфа--режим_отображения.html.twig

В моем случае, файл будет называться:

paragraph--title_and_text_and_image--block.html.twig

Теперь можно править разметку.

<div class="titleAndTextAndImage">
<div class="titleAndTextAndImage__content">
<div class="titleAndTextAndImage__title">
{{ content.field_title[0] }}
</div>
<div class="titleAndTextAndImage__body">
{{ content.field_body[0] }}
</div>
</div>
<div class="titleAndTextAndImage__image">
{{ content.field_image[0] }}
</div>
</div>

Поле выводим так:

{{ content.машинное_имя_поля }}

А если нам нужно получить только сырое значение:

{{ content.машинное_имя_поля[0] }}

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

Это был простейший пример. Аналогичным образом можно переопределять:

Типы материала:

node--машинное_имя_типа_материала--режим_отображения.html.twig

Таксономию:

taxonomy-term--машинное_имя_словаря_таксономии--режим_отображения.html.twig

Блоки:

block--машинное_имя_блока--режим_отображения.html.twig

Типы медиа:

media--машинное_имя_медиа--режим_отображения.html.twig

Примеры названий файлов twig можно увидеть при включенном twig debug.

Показать полностью 1

[моё] Программирование Разработка IT Программист Drupal Backend Template Web Web-программирование Софт HTML Html 5 Develop

shaitan.vladimir

3 года назад

Web-технологии

Теги для создания форм. Часть №6. <button>⁠⁠

<button> - Парный тег, который предназначен для создания кнопки, имеет схожие атрибуты с тегом <input>. Может использовать как внутри <form> заменяя собой <input type="button">, так и просто как отдельный элемент на странице.

<form action="">
<h3>Another Example Form</h3>
<fieldset>
<legend>User info</legend>
<div>
<label for="name_3_input">First name:</label>
<input id="name_3_input" type="text" placeholder="Email">
</div>
<div>
<label for="surname_3_input">Surname:</label>
<input id="surname_3_input" type="text" placeholder="Surname">
</div>
</fieldset>
<br>
<fieldset disabled>
<legend>User credentials</legend>
<div>
<label for="email_3_input">Email:</label>
<input id="email_3_input" type="text" placeholder="Email">
</div>
<div>
<label for="password_3_input">Password:</label>
<input id="password_3_input" type="text" placeholder="Password">
</div>
</fieldset>
<fieldset>
<legend>Form Controls</legend>
<button type="submit">Submit</button>
<button type="reset">Clear Form</button>
</fieldset>
</form>

Открыть на CodePen

Больше уроков у меня на канале.

Показать полностью

[моё] IT Программирование Разработка Собеседование Программист Веб-разработка Верстка Создание сайта Сайт HTML Основы HTML CSS Css3 Javascript

shaitan.vladimir

3 года назад

Web-технологии

Видеоурок - Структуры данных в SASS / SCSS⁠⁠

Привет, в этом уроке мы рассмотрим структуры данных существующие в языке SASS / SCSS. Рассмотрим как с ними работать и почему это удобно. Также рассмотрим директиву @Charset и разберемся зачем она нужна.

[моё] Программирование Баг Программист Разработка IT HTML Html 5 Основы HTML CSS Css3 Верстка Видео YouTube

shaitan.vladimir

3 года назад

Web-технологии

Теги для создания форм. Часть №5. <fieldset>⁠⁠

<fieldset> - существует для группировки <input> внутри тега <form>, а также помогает удобно управлять группой полей

<form action="#">
<h3>Registration form</h3>
<fieldset>
<div>
<label for="name_input">First name:</label>
<input id="name_input" type="text" placeholder="Email">
</div>
<div>
<label for="surname_input">Surname:</label>
<input id="surname_input" type="text" placeholder="Surname">
</div>
</fieldset>
<br>
<fieldset disabled>
<div>
<label for="email_input">Email:</label>
<input id="email_input" type="text" placeholder="Email">
</div>
<div>
<label for="password_input">Password:</label>
<input id="password_input" type="text" placeholder="Password">
</div>
</fieldset>
</form>

Открыть на CodePen

У <fieldset> также есть несколько атрибутов, которые помогают управлять сразу всей группой <input>. name - задает общее имя для группы disabled - делает группу недоступной для редактирования form - если <fieldset> лежит вне тега <form> то этот атрибут позволит вам связать их.

<form action="" id="example_form">
<h3>Example form</h3>
<label>
<input type="text" placeholder="Some example input">
</label>
</form>
<fieldset form="example_form">
<div>
<label for="name_2_input">First name:</label>
<input id="name_2_input" type="text" placeholder="Email">
</div>
<div>
<label for="surname_2_input">Surname:</label>
<input id="surname_2_input" type="text" placeholder="Surname">
</div>
</fieldset>

Открыть на CodePen

Legend

<legend> - Является заголовком для группы элементов, сгруппированных через <fieldset>.

<form action="">
<h3>Another Example Form</h3>
<fieldset>
<legend>User info</legend>
<div>
<label for="name_3_input">First name:</label>
<input id="name_3_input" type="text" placeholder="Email">
</div>
<div>
<label for="surname_3_input">Surname:</label>
<input id="surname_3_input" type="text" placeholder="Surname">
</div>
</fieldset>
<br>
<fieldset disabled>
<legend>User credentials</legend>
<div>
<label for="email_3_input">Email:</label>
<input id="email_3_input" type="text" placeholder="Email">
</div>
<div>
<label for="password_3_input">Password:</label>
<input id="password_3_input" type="text" placeholder="Password">
</div>
</fieldset>
</form>

Открыть на CodePen

P.S. Больше уроков у меня на канале

Показать полностью

[моё] Программирование Баг Программист Разработка IT HTML Html 5 Основы HTML CSS Css3 Длиннопост

shaitan.vladimir

3 года назад

Web-технологии

Теги для создания форм. Часть №4. <datalist>⁠⁠

<datalist> - содержит набор опций (<option>), доступных для выбора. Выбранное значение будет установлено для элемента <input>, с атрибутом list.

Не стоит использовать его вместо тега <select>, но можно использовать как вспомогательный тег для <input>. Причина в том что его сложнее обрабатывать через JavaScript.

<form action="">
<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />
<datalist id="ice-cream-flavors">
<option value="Chocolate">
<option value="Coconut">
<option value="Mint">
<option value="Strawberry">
<option value="Vanilla">
</datalist>
</form>

Открыть на CodePen

P.S. Больше уроков у меня на канале

Показать полностью

[моё] Разработка IT Инди игра Программирование Программист HTML Основы HTML Html 5 CSS Css3 Javascript Верстка Создание сайта Собеседование Баг

Партнёрский материал

specials

Мобильный офис до 100 тысяч рублей⁠⁠

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

Протестировали TECNO MEGABOOK K15S вместе со смартфоном TECNO CAMON 40 и наушниками TECNO в рабочих и бытовых сценариях от Zoom-звонков до перелета, а теперь рассказываем, как себя показала техника.

Первое впечатление от дизайна ноутбука

Первое, что заметно — это вес. При диагонали 15,6 дюйма и полностью металлическом корпусе K15S весит всего 1,7 кг. Это примерно на 15% меньше, чем аналоги. Устройство не обременяет ни в офисе, ни в такси. Ноутбук поместился в стандартный городской рюкзак, было удобно достать его в кафе за завтраком и по дороге в такси, чтобы быстро отработать клиентские правки.

1/4

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

Шарнир работает мягко: чтобы открыть крышку даже одной рукой, не нужно придерживать корпус. Чтобы показать коллеге или клиенту презентацию, достаточно раскрыть экран на 180°. Это удобно и для работы лежа, и для подставок, которые требуют определенного угла обзора.

Также отметим 9 портов: USB-A, USB-C, HDMI, слот для карты памяти — можно забыть о переходниках.

В TECNO MEGABOOK K15S предустановлен Windows 11. Ноутбук готов к работе сразу после включения. Никаких лишних установок и обновлений. Все настроено и оптимизировано для вашей многозадачности.

Экран: яркая картинка и комфорт ночью

Экран — 15,6 дюйма, IPS-матрица с разрешением Full HD. Углы обзора отличные: изображение остается четким, даже если смотреть сбоку, цвета не искажаются. Есть антибликовое покрытие. Тестировали ноутбук при разном освещении: можно спокойно работать у окна. Когда солнце бьет прямо в экран, текст по-прежнему остается читаемым, картинки не искажаются. Это редкость в бюджетных моделях.

1/2

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

Стеклокерамический крупный тачпад — 15 см. Он не залипает, не промахивается, срабатывает с первого касания. Не возникает дискомфорта, даже если несколько часов редактировать документы без мышки. После перехода с других устройств немного непривычно, что тачпад работает в двух направлениях: нижняя часть отзывается нажатием, верхняя — касанием.

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

Производительность: рендерим видео, открываем вкладки

Ноутбук работает на AMD Ryzen 7 5825U (опционально можно выбрать версию техники Intel Core i5-13420H). Восьмиядерный AMD с поддержкой 16 потоков подходит для ресурсоемких операций вроде рендеринга или работы с большими массивами данных. Встроенная графика Radeon справляется с редактированием видео в Full HD или играми.

1/4

Во время монтажа 30-минутного ролика в DaVinci Resolve и параллельной работе в Photoshop с несколькими большими PSD-файлами система сохраняла стабильность. Не было ни зависаний, ни заметного падения производительности. Ноутбук уверенно держит в фоне 10 приложений одновременно. Если запущены браузер с 20 вкладками, видеозвонок в Telegram, Excel с объемной таблицей и софт для монтажа, система не тормозит и не перегревается. Переход между окнами остается плавным, ничего не «проседает», даже при одновременном скачивании файлов и редактировании видео.

Базовая комплектация включает 16 ГБ оперативной памяти в двух слотах. При необходимости можно легко увеличить этот показатель до 32 ГБ, заменив стандартные модули на более емкие. Помимо установленного SSD на 1 ТБ предусмотрен дополнительный слот, поддерживающий диски объемом до 2 ТБ.

Чтобы во время нагрузки системы охлаждения не выходили из строя, в ноутбук встроен эффективный вентилятор, способный рассеивать до 35 Вт тепла. Устройство не греется, его спокойно можно держать на коленях. Это решение дополнено тремя режимами работы, которые переключаются простой комбинацией клавиш Ctrl+Alt+T. Тихий режим идеален для работы ночью или в общественных местах, сбалансированный подходит для повседневных задач. Производительный, на котором запускали рендеринг видео и игры, практически не шумит.

Автономность: 15 часов без подзарядки

Протестили автономность MEGABOOK K15S в условиях, знакомых каждому деловому путешественнику. Утром перед вылетом зарядили ноутбук до 100% и взяли его в рейс Москва — Калининград. В зале ожидания провели созвон, потом три часа смотрели сериал и в дороге до отеля редактировали документы. К моменту приезда оставалось 40% заряда: хватило бы еще на пару часов продуктивной работы.

1/3

MEGABOOK K15S может автономно работать до 15 часов и позволяет не оглядываться на индикатор заряда. Заявленное время достигается при типичном офисном использовании: одновременная работа с документами в Word и Excel, ведение переписки, видеоконференции, веб-серфинг.

Если все же понадобится, за час восполняется до 70% батареи. Компактный адаптер мощностью 65 Вт на базе нитрида галлия поместился даже в карман пиджака. Один блок питания заряжает и ноутбук, и смартфон, и наушники. Экономия места: не нужно никаких дополнительных проводов.

Звук, который реально слышно

В TECNO MEGABOOK K15S установлены два мощных динамика по 2.5 Вт. Звук с глубокими низами, без пластикового дребезжания, объемный. Благодаря DTS можно смотреть видео даже в шумном помещении. В тестах специально включали сцены с шагами и выстрелами: локализация настолько точная, что в наушниках нет необходимости.

Та же стабильность и в микрофоне. Благодаря AI-шумоподавлению голос передается чисто. Во время тестовых звонков из оживленного кафе собеседник не услышал ни разговоры за соседним столом, ни городской шум. И все это — на расстоянии до пяти метров.

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

Для тех, кто предпочитает гарнитуру, идеально подойдут беспроводные наушники TECNO FreeHear 1 из экосистемы бренда. Когда не хотелось делиться разговорами с окружающими, подключали их. Чистый звук с акцентом на средние частоты, 11-мм драйверы, которые выдают неожиданную детализацию. Музыку слушать приятно: и фоновый плейлист на телефоне, и вечерний сериал на ноутбуке. Автономно работают наушники 6 часов, с кейсом — до 30 часов.

1/2

Bluetooth 5.4 обеспечивает стабильное соединение на расстоянии до 10 метров. Удобная C-образная форма разработана специально для длительного ношения — после восьмичасового рабочего дня в ушах не возникает дискомфорта. Наушники поддерживают одновременное подключение к ноутбуку и смартфону. Переключение между устройствами происходит быстро и без заминок.

Через фирменное приложение Welife можно выбрать один из четырех эквалайзеров и отследить местоположение гарнитуры в случае утери. А еще кастомизировать виджет для управления наушниками. Функция настройки персонализированного дизайна доступна для устройств на Android и позволяет гибко изменить внешний вид окна подключения: вплоть до установки фоновой картинки или собственного фото.

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

Бесшовная синхронизация со смартфоном

Благодаря функции OneLeap ноутбук синхронизируется со смартфоном TECNO. Подключение происходит за пару секунд: достаточно один раз подтвердить сопряжение. После этого открывается доступ к бесшовному переключению между устройствами — объединенному буферу обмена, дублированию экранов и передаче файлов без кабелей и пересылок в мессенджерах.

Функция выручила, когда нужно было открыть приложение, у которого нет веб-версии. Удобно работает и буфер обмена: скопировал текст на одном устройстве — вставил на другом. Например, код, полученный в сообщении на телефоне, вводится в браузере на ноутбуке. Экономит минуты, а иногда и нервы. А когда в дороге пропал Wi-Fi, ноутбук сам подключился к мобильному интернету через смартфон.

1/2

TECNO CAMON 40 и сам по себе — мощный рабочий инструмент. Смартфон выделяется камерой высокого качества 50 Мп, ярким AMOLED-экраном 120 Гц и множеством функций, которые упрощают процесс мобильной съёмки и использование искусственного интеллекта TECNO AI.

Телефон работает на HIOS 15.0.1 на базе Android 15.В фирменную оболочку встроен искусственный интеллект:

Голосовой помощник Ella. Отвечает на вопросы, помогает с задачами и управлением устройством.
Решение задач. Наводите камеру на задачу, ИИ решает ее.
AI Редактор фотографий. Интеллектуальная обработка в одно касание.
Быстрый поиск. Находит адрес на экране и запускает навигацию, распознает объекты и события, автоматически добавляет их в календарь.

Технические характеристики

Процессор и память. 8 ядер, 16 потоков, Кэш L3 16 МБ, частота до 4.5 ГГц Графический процессор AMD Radeon™ graphics SSD 512 ГБ или 1 ТБ, М.2, 2280, PCle 3.0 Nvme DDR4 16 ГБ, 3200 МГц.
Дисплей. 15.6", TFT, Full HD (1920×1080), 16:9, 280нит, 45% NTSC, 16.7 млн цветов, 60 Гц, 141 ррі.
Веб-камера. 1 Мп, шторка приватности.
Порты. 9 портов: 1*TF Card (microSD), 1*HDMI 1.4, 1*USB-A 3.1,
1*USB-A 3.2, 1*3.5mm аудиовход, *Ethernet RJ45 до 1 Гбит, 2*Туре-С (Full Function), 1*слот для замка Kensington.
Другое. Сканер отпечатка пальца в кнопке питания. Клавиатура с подсветкой (4 уровня яркости). Тачпад с поддержкой одновременно 4 касаний.
Батарея. 70 Вт∙ч (6150 мА∙ч), Li-Pol, 11.55 B 65 Вт Type-C GaN, 20 В, 3.25 А, кабель 1.8 м (Туре-С-Type-C).
Габариты. 17.3 мм (высота), 359.5 мм (ширина), 236 мм (глубина).
Вес. 1,7 кг.

Если хотите создать собственную экосистему, в которой технологии подстроятся под ритм дня, попробуйте технику TECNO. Мощный ноутбук, быстрый смартфон и наушники соединяются в единое пространство. Быстрое переключение между устройствами, синхронизация файлов и стабильное соединение без лишних настроек.

КУПИТЬ НОУТБУК TECNO

Реклама TECNO Mobile Limited, Юридический адрес: Flat N, 16/F., Block B, Универсальный промышленный центр, 19-25 Shan MeiStreet, Fotan, New Territories, Гонконг

Показать полностью 17

Электроника Гаджеты Ноутбук Длиннопост

shaitan.vladimir

3 года назад

Web-технологии

Видеоурок - Семантические теги HTML⁠⁠

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

[моё] Баг Программирование Программист IT Разработка HTML Html 5 Основы HTML CSS Css3 Javascript Верстка Верстальщик Создание сайта Видео YouTube

Посты не найдены

5 6 7 8 9 10 11 12 13 14 15 20