ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

HTML и CSSВыучить HTMLВыучить CSSВыучить BootstrapВыучить W3.CSSВыучить ЦветаВыучить ИконкиВыучить ГрафикаВыучить SVGВыучить CanvasВыучить Как сделатьВыучить Sass
            XML
            Выучить XML
            Выучить XML AJAX
            Выучить XML DOM
            Выучить XML DTD
            Выучить XML Schema
            Выучить XSLT
            Выучить XPath
            Выучить XQuery
          
JavaScriptВыучить JavaScriptВыучить jQueryВыучить ReactВыучить AngularJSВыучить JSONВыучить AJAXВыучить W3.JSПрограммированиеВыучить PythonВыучить JavaВыучить C++Выучить C#Уроки Машинное обучение


          Серверная сторона
          Выучить SQL
          Выучить PHP
          Выучить ASP
          Выучить Node.js
          Выучить Raspberry Pi
          Веб-строительство
          Веб-шаблоны
          Веб-статистика
          Веб-сертификаты
          Веб-редактор
          Веб-разработка
          Скорость печати
        

          XML
          Выучить XML
          Выучить XML AJAX
          Выучить XML DOM
          Выучить XML DTD
          Выучить XML Schema
          Выучить XSLT
          Выучить XPath
          Выучить XQuery
        

          HTML
          HTML Справочник тегов
	  HTML Поддержка браузерами
          HTML Справочник событий
          HTML Справочник цветов
          HTML Справочник атрибутов
          HTML Canvas Справочник
          HTML SVG Справочник
          HTML Наборы символов
          Google-карты Справочник
          CSS
          CSS Справочник
          CSS Поддержка браузерами
          CSS Селекторы Справочник
          Bootstrap 3 Справочник
          Bootstrap 4 Справочник
          W3.CSS Справочник
          Icon Справочник
          Sass Справочник
       

          JavaScript
          JavaScript Справочник
          HTML DOM Справочник
          jQuery Справочник
          AngularJS Справочник
          W3.JS Справочник
          Программирование
          Python Справочник
          Java Справочник
        

          Серверная сторона
          SQL Справочник
          PHP Справочник
          ASP Справочник
          XML
          XML Справочник
          XML Http Справочник
          XSLT Справочник
          XML Schema Справочник
        

          Наборы символов
          HTML Наборы символов
          HTML ASCII
          HTML ANSI
          HTML Windows-1252
          HTML ISO-8859-1
          HTML Символы
          HTML UTF-8
        

          Упражнения
          HTML Упражнения
          CSS Упражнения
          JavaScript Упражнения
          SQL Упражнения
          PHP Упражнения
          Python Упражнения
          jQuery Упражнения
          Bootstrap Упражнения
          Java Упражнения
          C++ Упражнения
          C# Упражнения
        

          Викторины
          HTML Викторина
          CSS Викторина
          JavaScript Викторина
          SQL Викторина
          PHP Викторина
          Python Викторина
          jQuery Викторина
          Bootstrap Викторина
	  Java Викторина
	  C++ Викторина
          C# Викторина
          XML Викторина
        

         Сертификаты
         HTML Сертификат
         CSS Сертификат
         JavaScript Сертификат
         SQL Сертификат
         PHP Сертификат
         Python Сертификат
         jQuery Сертификат
         Bootstrap Сертификат
         XML Сертификат
        

W3.CSS - Создание мобильного приложения

❮ Prev Next ❯

Фильмы 2014

Frozen / Замороженный

Реакция на анимацию была нелепой.

The Fault in Our Stars / Виноваты звезды

Трогательно, захватывающе и по-настоящему хорошо сделано.

The Avengers / Мстители

Огромный успех для Marvel и Disney.

Создать базовую мобильную страницу

Профессиональная версия W3.CSS идеально подходит для мобильных приложений. Она маленькая и очень быстрая.

Пример

<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3pro.css">
<body>



</body>
</html>

Попробуйте сами »

Добавить содержимое

Пример (используя классические элементы HTML)

<div class="w3-container">
<h1>Фильмы 2014</h1>
</div>

<div class="w3-cell-row">
<div class="w3-cell">
    <img src="img_avatar.jpg">
</div>
<div class="w3-cell w3-container">
    <h3>Frozen / Замороженный</h3>
      <p>Реакция на анимацию была нелепой.</p>
</div>
</div>

<div class="w3-container">
<h3>Footer</h3>
</div>

Попробуйте сами »

Пример (использование семантических элементов HTML)

<header class="w3-container">
<h1>Header</h1>
</header>

<div class="w3-cell-row">
<div class="w3-cell">
    <img src="img_avatar.jpg">
</div>
<div class="w3-cell w3-container">
    <h3>Frozen / Замороженный</h3>
      <p>Реакция на анимацию была нелепой.</p>
</div>
</div>

<footer class="w3-container">
<h3>Footer</h3>
</footer>

</body>
</html>

Попробуйте сами »

Добавить цветовую тему

Примеры

Попробуйте сами »

Подробнее о цветовых темах читайте в W3.CSS Цветовые темы.

Добавить больше стиля

Пример

<img class="w3-circle" src="img_avatar.jpg" alt="avatar">

<h3 class="w3-text-theme">Frozen / Замороженный</h3>

Попробуйте сами »

Добавить боковую навигацию

Пример

<nav class="w3-sidebar w3-bar-block w3-card" style="width:30%">
<div class="w3-red">
<a href="javascript:void(0)" onclick="closeSidebar()"
class="w3-button w3-display-topright w3-xlarge">X</a>
    <div class="w3-padding-large w3-center">
      <img class="w3-circle" src="img_avatar.jpg" alt="avatar">
   </div>
</div>
<a class="w3-bar-item w3-button" href="#">Главная</a>
<a class="w3-bar-item w3-button" href="#">Друзья</a>
<a class="w3-bar-item w3-button" href="#">Сообщения</a>
</nav>

<script>
function openSidebar() {
  document.getElementById("mySidebar").style.display = "block";
}

function closeSidebar() {
  document.getElementById("mySidebar").style.display = "none";
}
</script>

Попробуйте сами »

Исправлена навигация, верхний и нижний колонтитулы

Пример

Попробуйте сами »

❮ Prev Next ❯

ПАЛИТРА ЦВЕТОВ

КАК СДЕЛАТЬ

Навбар с иконками
Меню бургер
Меню аккордеон
Меню вкладки
Вертикальные вкладки
Заголовки вкладок
Вкладки полной страницы
Вкладки при наведении
Верхний навбар
Адаптивный верхний навбар
Навбар с иконками
Меню поиска по сайту
Панель поиска по сайту
Фиксированный сайдбар
Боковой сайдбар
Адаптивный сайдбар
Полноэкранный навбар
Меню Off-Canvas
Кнопки навбара при наведении
Сайдбар с иконками
Горизонтальное меню с прокруткой
Вертикальное меню
Нижняя навигация
Адаптивная нижняя навигация
Нижняя граница навигационных ссылок

HTML и CSS

XML

JavaScript

Программирование

Серверная сторона

Веб-строительство

XML

HTML

CSS

JavaScript

Программирование

Серверная сторона

XML

Наборы символов

Упражнения

Викторины

Сертификаты

W3.CSS Учебник

W3.CSS Цвета

Примеры

Справочники

W3.CSS - Создание мобильного приложения

Frozen / Замороженный

The Fault in Our Stars / Виноваты звезды

The Avengers / Мстители

Создать базовую мобильную страницу

Пример

Добавить содержимое

Пример (используя классические элементы HTML)

Пример (использование семантических элементов HTML)

Добавить цветовую тему

Примеры

Добавить больше стиля

Пример

Добавить боковую навигацию

Пример

Исправлена навигация, верхний и нижний колонтитулы

Пример

ПАЛИТРА ЦВЕТОВ

КАК СДЕЛАТЬ

Ваше предложение:

Спасибо за Вашу помощь!

Топ Учебники

Топ Справочники

Топ Примеры

Веб Сертификаты