Ремонт телефонов
 

Образец оформления

Основной текст

Основной принцип разметки текста — заключение отдельных элементов текста в теги, которые определяют как будет выглядеть тот или иной фрагмент текста. Для определенности в рамках данного сайта любой фрагмент текста должен быть заключен в теги.

            • 11111111111111111
  • 2222222222222222
            • 3333333333333333

Простой текст оформляется в виде параграфов и отделяется тегами <p>параграф (абзац)</p> — блок текста, который еще может иметь три варианта выравнивания — по левому краю, по правому краю, по центру. Визуальным редактором используется разметка выравнивания текста посредством аттрибутов. Курсив

Важно! чтобы формировался абзац, а не просто переносы — в выпадающем списке радактора, где заголовки — должно стоять Normal

Например:

<p align="left">по левому краю</p>

<p align="right">по правому краю</p>

<p align="center">по центру</p>

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

Выделение цветом: пример

link example

<h1 /><h1 />

Заголовки

В HTML документе посредством базовых тегов определено 6 различных заголовков выделяемых тегами <h1>, <h2>… <h5>, <h6>, и соответственно закрываемыми таким же тегом.

Заголовок 1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5
Заголовок 6

Ссылки

Ссылка в HTML формируется специальным тегом, у которого есть несколько аттрибутов. Пример:

<a href="адрес ссылки" name="имя якоря" title="заголовок ссылки" target="цель ссылки">текст который будет являться ссылкой</a>

Рассмотрим аттрибуты подробнее:

адрес ссылки — url на который будет осуществлен переход. В случае указания адреса — аттрибут name не используется имя якоря — некое уникальное имя, которое будет использовано для навигации внутри документа. В этом случае ссылку принято называть якорем. Если, к примеру в начале страницы поставить якорь <a name="top"></a>, то в другом месте можно указать ссылку на этот якорь <a href="#top">наверх</a> заголовок ссылки — используется для всплывающей подсказки при наведении на ссылку и важен в поисковой оптимизации цель ссылки — имеет смысл только для внешних ссылок. Значение имеет только когда надо открывать ссылку в новом окне — в этом случае значение аттрибута target="_blank", в других случаях не используется

Списки

Существует 2 типа списков. Особенностью разметки списков является то что каждый элемент списка выделяется специальным тегом элемента <li>, а уже все элементы списка заключаются в тег, который и определяет внешний вид списка (<ul> либо <ol>). Допускается вложенность списков, когда список является элементом списка. Но не допускается наличие какого либо текста или тегов, кроме тегов элементов списка, между элементами списка, либо внутри тегов списка.

Маркированный список

первый элемент вложенный список первый элемент второй уровень вложенности элемент элемент элемент элемент элемент элемент элемент

HTML представление маркированного списка

<ul>
  <li>первый элемент</li>
  <li>второй элемент</li>
  <li>вложенный список
    <ul>
      <li>первый элемент</li>
       <li>второй уровень вложенности
       <ul>
         <li>элемент</li>
         <li>элемент</li>
         <li>элемент</li>
         <li>элемент</li>
       </ul>
      </li>
    <li>элемент</li>
    <li>элемент</li>
    </ul>
  </li>
  <li>элемент</li>
</ul>

Нумерованный список (в стилях сайта переопределено отображение номера элемента специальной иконкой в виде галочки)

первый элемент второй элемент вложенный список первый элемент второй уровень вложенности элемент элемент элемент элемент элемент элемент элемент

HTML представление нумерованного списка такое же как маркированного, только в качестве тегов списка используется <ol>

Таблица

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

оловок 2 столбца /th>имое ячейки мое ячейки

яаяаяыа

ыа1

содержимое ячейки td>содержимое ячейки

Ее ХТМЛ представление:

<table>
    <tr>
        <th>Заголовок 1 столбца</th>
        <th>Заголовок 2 столбца</th>
        <th>Заголовок 3 столбца</th>
        <th>Заголовок 4 столбца</th>
    </tr>
    <tr>
        <td><p>содержимое ячейки</p></td>
        <td>содержимое <b>ячейки</b></td>
        <td>содержимое <i>ячейки</i></td>
        <td>содер<sub>жимое</sub> яче<sup>йки</sup></td>
    </tr>
    <tr>
        <td>содержимое ячейки</td>
        <td><h4>содержимое ячейки</h4><p>text</p></td>
        <td>содержимое ячейки</td>
        <td>содержимое ячейки</td>
    </tr>
    <tr>
        <td>содержимое ячейки</td>
        <td>содержимое ячейки</td>
        <td>содержимое ячейки</td>
        <td>содержимое ячейки</td>
    </tr>
</table>

Как мы это делаем

24 Октября 2013
 3.3
1
2
3
4
5
Нравится

Автор (Google+)

Москва Санкт-Петербург Россия
+7 (495) 649-68-97 Цветной бульвар Сухаревская Трубная +7 (812) 448-65-79 Петроградская Горьковская 8 (800) 555-36-89

Калуга
+7 (4842) 92-23-59
Россия, 125009, Москва, ‎
ул. Трубная, 25 строение 2
Мы работаем
ежедневно с 10:00 до 19:00
Россия, 190000, ‎ Санкт-Петербург,
ул. Большая Пушкарская, 54
Мы работаем
ежедневно с 10:00 до 19:00
Россия, 248009, ‎ Калуга,
ул. Достоевского, 25
Мы работаем
ежедневно с 10:00 до 19:00

MailAgentspbrepair@mail.ru spbrepair@ya.ru My statusspbrepair

Комментарии

Обсуждение Образец оформления
Пока нет комментариев. Ваш комментарий может быть первым!
от имени Yandex Google Вконтакте Facebook Mail.ru Twitter Loginza MyOpenID OpenID
Фото пользователя
вход
  CAPTCHA