Работа с текстом урок 1

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

Давайте озаглавим нашу страницу:

 

<html>
<head>
<title>Первая веб-страница</title>
</head>
<body>
<h1>Главная страница мини-сайта</h1>

Эту интернет страничку я сделал своими руками<br> И было совсем не сложно

</body>
</html>

Как Вы видите в коде страницы, для наглядности, всё новое выделено оранжевым цветом, также будет и далее.
Заголовок помещён внутри тегов <h1>, цифра один показывает уровень заголовка, всего таких уровней шесть, с ростом числа размер заголовка уменьшается. Пример данной зависимости можно видеть на скриншоте:
zagolovki
Текст на веб-странице может быть: жирный, курсив, подчёркнутый, зачёркнутый, подстрочный и т д. Рассмотрим теги, которые за это отвечают:

  • для написания текста жирным применяют два тега: <strong> и <b>
  • для написания текста курсивом используют теги: <i> и <em>
  • для подчёркивания идёт тег <u>
  • зачёркивает текст тег <s>
  • подстрочный(нижний индекс) определяет тег <sub>
  • надстрочный(верхний индекс) — <sup>

Запишем всё это на языке HTML:

<html>
<head>
<title></title>
</head>
<body>
<strong>Жирный текст с тегом strong</strong><br>
<b>Жирный текст с тегом b</b><br>
<i>Курсивный текст с тегом i</i><br>
<em>Курсивный текст с тегом em</em><br>
<u>Подчёркнутый текст</u><br>
<s>Зачёркнутый текст</s><br>
<p>текст в<sub>нижнем</sub>индексе</p>
<p>текст в<sup>верхнем</sup>индексе</p>
</body>
</html>

О других тегах форматирования текста Вы можете узнать в учебниках по HTML, которых в сети очень много, я показываю только самые часто применимые(хотя, изучив CSS, многое из тегов и их атрибутов Вы отбросите). Так выглядят эти примеры в браузере:
форматирование текста
Потренируйтесь в  добавлении новых тегов  в код произвольной страницы, сделав предварительно шаблон простейшей веб- страницы по примеру ниже:

<html>
<head>
</head>
<body>
</body>
</html>

Как Вы видимо заметили, ничего не было сказано о теге <p>. Этот тег обозначает абзац, и мы изучим его в следующем уроке.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Реклама

Оставить комментарий

Перед отправкой формы:
Human test by Not Captcha