создание шаблонов

При создания шаблона давайте сначала создадим папку, на рабочем столе.

Внутри папки создадим фай и назовем  эго index.html, после сохранить файл измениться

нажмите на файл правой кнопкой мыши и открыть как блокнот, после этого скопируйте код ниже.

И вставьте код в файл index.html, и сохранить после нажмите два раза левой кнопки мыши на файл index.html, откроется браузерное окно и будет виден ваш результат.


 демонстрирующая разметку текста.

Структурная разметка текста включает такие элементы как<h1>,<h2> и<p>.

Семантическая информация представлена в таких элементах, как <cite> и <em>.

Упорядоченные списки

<ol>

Упорядоченные списки создаются при помощи элемента <ol>.

<li>

Каждый элемент списка помещается между открывающим тегом <li>и закрывающим тего </li>.

По умолчанию браузеры автоматический расставляют нужные отступы для элементов списков.

  1. Порежьте картофель кубиками
  2. Варите картофель в соленой воде на медленном огне в течение 15-20 минут до размягчения
  3. Подогрейте и смешайте молоко, сливочное масло и мускатный орех
  4. Слейте воду из кастрюли и потолките картофель
  5. Перемешайте картофель со смесью из молока, масла и мускатного ореха

<ol>
<li>Порежьте картофель кубиками</li>
<li>Варите картофель в соленой воде на медленном огне в течение 15-20 минут до размягчения</li>
<li>Подогрейте и смешайте молоко, сливочное масло и мускатный орех</li>
<li>Слейте воду из кастрюли и потолките картофель</li>
<li>Перемешайте картофель со смесью из молока, масла и мускатного ореха</li>
</ol>


Неупорядоченные списки

<ul>

Неупорядоченные списки создаются при помощи элемента <ul>.

<li>

Каждый элемент списка помещается между открывающим <li> и закрывающим тегом </li>.

  • 1 кг картофеля
  • 100 мл молока
  • 50 г соленого масла
  • Тертый мускатный орех
  • Соль и перец по вкусу

<ul>
<li>1 кг картофеля</li>
<li>100 мл молока</li>
<li>50 г соленого масла</li>
<li>Тертый мускатный орех</li>
<li>Соль и перец по вкусу</li>
</ul>


Списки определений

<dl>

Список определений создается с помощью элемента <dl> и,как правило, содержит набор понятий и их определений.

Внутри элемента <dl> вы зачастую сможете увидеть пары элементов <dt> и <dd>.

<dt>

Используется для обозначения понятия (термина).

<dd>

Используется для определения понятия.


Вложенные списки

  • Муссы
  • Пирожные
    • Круассаны
    • Наполеон
    • Чизкейки
    • Профитроли
  • Торты

<ul>
<li>Муссы</li>
<li>Пирожные
<ul>
<li>Круассаны</li>
<li>Наполеон</li>
<li>Чизкейки</li>
<li>Профитроли</li>
</ul>
</li>
<li>Торты</li>
</ul>


 

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Комментариев: 1
  1. Измайлов Павел (автор)

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

    спасибо :?:

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: