Today
user@email.com
Meeting with Lucas
  1 - 3pm   Palo Alto, CA
user@email.com
Skype with Megan
  4 - 5pm   On-line
Tomorrow
New UI Project - deadline
  10 - 11pm   creativeLabs HQ
user@email.com
user@email.com
user@email.com
user@email.com
user@email.com
#10 Startups.Garden Meetup
  1 - 3pm   Palo Alto, CA
Team meeting
  4 - 6pm   creativeLabs HQ
user@email.com
user@email.com
user@email.com
user@email.com
user@email.com
user@email.com
user@email.com
user@email.com
Lukasz Holeczek1:52 PM
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

user@email.com
Lukasz Holeczek1:52 PM
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

user@email.com
Lukasz Holeczek1:52 PM
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

user@email.com
Lukasz Holeczek1:52 PM
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...

user@email.com
Lukasz Holeczek1:52 PM
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...
Settings
Option 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Option 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Option 3
Option 4

System Utilization
CPU Usage
348 Processes. 1/4 Cores.
Memory Usage
11444GB/16384MB
SSD 1 Usage
243GB/256GB
SSD 2 Usage
25GB/256GB

Сервис для улучшения читабельности HTML кода

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



Довольно часто при написании HTML кода ваши отступы, интервалы и другие элементы форматирования могут стать немного дезорганизованными.

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

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

Примеры

Исходный сжатый HTML-код:

<table><tr><td><form class="search2" action="https://yandex.ru/search/" role="search" aria-label="Поиск в интернете"><div class="suggest2-form__node"><div class="search2__button"><button class="button" type="submit"><span class="button__text">Найти</span></button></div><div class="search2__input"><input class="input__control" id="text" maxlength="400" name="text"/></div><div class="i-bem"><div class="popup__under"></div><div class="popup__content"></div></div></div></form></td></tr></table>

HTML-код после преобразования:

<table>
  <tr>
    <td>
      <form class="search2" action="https://yandex.ru/search/" role="search" aria-label="Поиск в интернете">
        <div class="suggest2-form__node">
          <div class="search2__button">
            <button class="button" type="submit"><span class="button__text">Найти</span></button>
          </div>
          <div class="search2__input">
            <input class="input__control" id="text" maxlength="400" name="text"/>
          </div>
          <div class="i-bem">
            <div class="popup__under"></div>
            <div class="popup__content"></div>
          </div>
        </div>
      </form>
    </td>
  </tr>
</table>