Основы форматирования текста

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

Теги бывают двух типов:

  • самостоятельные – выполняют какое либо действие внутри текста. Пример: <br> - переход на новую строку.
  • парные – производят действие с текстом, который находится между ними. Пример: <h1>Добрый день!</h1> - выделение текста «Добрый день!».

Теги могут быть вложенными, причем уровень вложений не ограничен. Пример: <h1>Здравствуйте <b>дети</b>, начинаем урок</h1>. В данном примере слово «дети» дополнительно выделяется жирным цветом.

Ниже приведены основные, наиболее полезные теги, зная которые можно вывести на экран практически любой текст:

  • <b>тег – <h1></b> - (парный) – текст выводится в виде заголовка. Текст выводится с новой строки, после окончания текста происходит также переход на новую строку;
  • <b>тег – <h2></b> - (парный) – аналогично тегу «<h1>», но с более маленьким шрифтом (вспомогательный заголовок);
  • <b>тег – <br></b> (самостоятельный) – осуществляет переход на новую строку (перенос каретки).
  • <b>тег – <b></b> - (парный) – текст выводится жирным цветом, при этом не происходит переход на новую строку. Пример - Здравствуйте дети, начинаем урок;
  • <b>тег – <ul></b> (парный) – отвечает за вывод списка. Пример:
    <ul>
    <li>Первый пункт списка
    <li>Второй пункт списка
    </ul>
    Список выводится с новой строки, после окончания списка происходит также переход на новую строку с довольно большим отступом. После окончания списка не нужно вставлять тег «<br>».
  • <b>тег – <li></b> (самостоятельный) – вывод новый строки в списке. Аналогично тегу «<br>», но только для списков.
  • <b>тег – <a href=«ссылка»></b> (парный) – позволяет вывести ссылку в тексте. Пример: <a href=«/»>главная страница</a> - в данном примере мы выводим в тексте ссылку «Главная страница», которая ведет на главную страницу нашего сайта. Тег «<a>», как и другие теги, может содержать вложенные теги. Пример: <a href=«/»><h1>Главная страница</h1></a> - в данном примере мы выводим заголовок, который является ссылкой на главную страницу.



Рекомендуем:
Наши новости:
© 2009. ИДС Технологии