• Рейтинг@Mail.ru

Архив метки: HTML

OptimizedHTML 2.0 Как все было

 

         Стартовый шаблон

 

 

GitHub - OptimizedHTML2.0

 

Максимальной оптимизации сайта для поисковиков - без всего лишнего, и картинки максимально под ноль.

 

 

Также в проект добавлена возможность быстрого деплоя файлов на сервер   Deploy 

по FTP:  при помощи   gulp   плагина    vinil-ftp  

 

 

 

 

Убраны фунции совместимости с  IE<9 (Ниже 9-й версии)

 

 

 

Проблема на MAC:

 

 

Кроме того - команда    ipm i    - не устанавливает папку   node_modules 

 

Читать далее

  • Прислал:

  • dr. house

HTML тэги

 

&nbsp;

 

&nbsp;
<table style="background-color: #272b34; width: 600px;">
<tbody>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"></td>
</tr>
<tr>
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="font-size: 14pt;"><em><span style="color: #cc99ff;">var</span> <span style="color: #ff99cc;">gulp</span> <span style="color: #ffffff;">= <span style="color: #ff99cc;">require</span>(<span style="color: #00ff00;">'</span></span><span style="color: #00ff00;">gulp</span><span style="color: #ffffff;"><span style="color: #00ff00;">'</span>);</span></em></span></td>
</tr>
<tr>
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="font-size: 14pt;"><em><span style="color: #ffffff;"><span style="color: #ff99cc;">gulp</span>.<span style="color: #ff99cc;">task</span>(<span style="color: #00ff00;">'</span></span><span style="color: #00ff00;">mytask</span><span style="color: #ffffff;"><span style="color: #00ff00;">'</span>,</span> <span style="color: #00ffff;">function</span><span style="color: #ffffff;">() {</span></em></span></td>
</tr>
<tr>
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="font-size: 14pt;"><em><span style="color: #00ffff;"><span style="color: #cc99ff;">return</span> <span style="color: #ffffff;"><span style="color: #ff99cc;">gulp</span>.<span style="color: #ff99cc;">src</span>(<span style="color: #00ff00;">'</span></span><span style="color: #00ff00;">source-files</span><span style="color: #ffffff;"><span style="color: #00ff00;">'</span>)</span></span></em></span></td>
</tr>
<tr>
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ffffff; font-size: 14pt;"><em><span style="color: #00ff00;"><span style="color: #ffffff;">.</span><span style="color: #ff99cc;">pipe</span></span>(<span style="color: #00ff00;">plugin()</span>)</em></span></td>
</tr>
<tr>
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ffffff; font-size: 14pt;"><em><span style="color: #00ff00;"><span style="color: #ffffff;">.</span><span style="color: #ff99cc;">pipe</span><span style="color: #ffffff;">(<span style="color: #ff99cc;">gulp</span>.<span style="color: #ff99cc;">dest</span>(</span>'folder'<span style="color: #ffffff;">))</span></span></em></span></td>
</tr>
<tr>
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="font-size: 14pt;"><em><span style="color: #ffffff;">});</span></em></span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ff00ff;"><em>return <span style="color: #ccffff;">- возвращает функцию</span> </em></span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ffff99;"><em>'source-files' <span style="color: #ccffff;">- мы взяли какие то файлы</span> </em></span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ffffff;"><em>gulp.src <span style="color: #ccffff;">- базовая функция обрабатывает то, что в скобках 🙄 </span> </em></span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ffffff;"><em><span style="color: #00ff00;">.pipe</span> - вызов какой то команды или плагина</em></span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"><span style="color: #ff00ff;"> <em>dest <span style="color: #ffffff;">- от destination (место назначение)</span></em></span></td>
</tr>
<tr style="height: 20px;">
<td style="width: 15.0333px;"></td>
<td style="width: 549.967px;"></td>
</tr>
</tbody>
</table>
&nbsp;

 

Другая страница

 

<a href="mypage.html" target="_blank">Другая страница</a>

 

ТАБЛИЧКА:

 

Emmit

 

&nbsp;
<table class=" aligncenter" style="background-color: #454545; width: 698px; height: 119px;" border="0">
<tbody>
<tr>
<td style="width: 680px; height: 100px; text-align: center; vertical-align: middle;"><span style="color: #ffff99; font-size: 24pt; font-family: andale mono,monospace;">Emmit</span></td>
</tr>
</tbody>
</table>
&nbsp;

 

 

Переменные цвета:

<font color="red">красный</font>

<font color="Orange">оранжевый</font>

<font color="Yellow">желтый</font>

<font color="Green">зеленый</font>

<font color="Blue">голубой</font>

<font color="Indigo">синий</font>

<font color="Violet">сиреневый</font>

<font color="Purple">фиолетовый</font>

<font color="Pink">розовый</font>

<font color="Silver">серебряный</font>

<font color="Gold">золотой</font>

<font color="Beige">бежевый</font>

<font color="Brown">коричневый</font>

<font color="Gray">серый</font>

<font color="Black">черный</font>

<font color="White">белый</font>

 


 

<!— ==================ЛИНИЯ РАЗДЕЛИТЕЛЬ================= —>
<hr align="center" width="750" size="10" color="red" />

 

 

Оформление кода:
<pre><span style="color: #0000ff;"><em> код сюда </em></span></pre>

===============================================

&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;

===============================================
Цвет абзаца текста:

Весь текст данного абзаца будет зеленого цвета,
поскольку мы изменили его цвет через атрибут style,
присвоив css-свойству color значение green

 

<p style="color:green;">Цвет абзаца текста</p>

Цвет текста:
<span style="color: #0000ff;">Цвет текста:</span>


<!—— ==== ENTER ===== —>

<img src="http://storage9.static.itmages.ru/i/17/1008/h_1507455688_5402737_8578fb538b.jpg" />
<!—— ==== ENTER ===== —>

 

<!— ===== ENTER ===== —>
Комментировать в HTML:
<!— ===== ENTER ===== —>

<!— ==================ЛИНИЯ РАЗДЕЛИТЕЛЬ================= —>


 

Форматирование текста:
h2 a {
color: #C02500;
font-family: Verdana, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;
font-weight: normal;
font-size: 26px;
padding-bottom: 13px;
text-decoration: underline;
}

 


 


<hr align="center" width="750" size="2" color="#4992DB" />
HTML - ссылка

<a href="tip.html" target="_blank"> HTML - ссылка </a>

 


 

<img style="float: left; padding-right: 12px; padding-top: 0px;" src="http://tumbleron.ru/wp-content/uploads/2015/05/1.gif" alt="" />


 

  • Легко пользоваться
  • Возможность сравнения директорий
  • Возможность синхронного просмотра директорий

<ul style="margin: 0 0 15px 0px; list-style-image: url('http://tumbleron.ru/wp-content/uploads/2015/05/bulet_dark.gif');">
<li style="margin: 0 0 9px 14px;">Легко пользоваться</li>
<li style="margin: 0 0 9px 14px;">Возможность сравнения директорий</li>
<li style="margin: 0 0 9px 14px;">Возможность синхронного просмотра директорий</li>
</ul>

 


<img width="500"


 

<!— ==================ЛИНИЯ РАЗДЕЛИТЕЛЬ================= —>


 

  • Прислал:

  • dr. house