Шаг №2 Форматирование текста
Во втором шаге мы научимся с вами форматировать текст в html странице.
Форматирование текста включает в себя изменение его размеров, цвета текста, месторасположения на странице, шрифта текста.
Все эти действия обозначаются специальными тегами.
Выравнивание текста по центру
Теги <center></center> выравнивают текст посередине страницы. Например, если вам надо поставить заголовок текста,то можно использовать этот тег.
Приведем пример нашего кода:
<html>
<head>
<title>название вашей страницы</title>
</head>
<body>
<center>я создал html-страницу!!!!!!!!(любой другой текст)</center>
</body>
</html>
Можете сохранить все это и проверить. Как вы видите, чтобы текст выравнить посередине страницы, необходимо текст заключить между этими тегами.
В html можно задавать цвет текста. Если вы хотите чтобы весь текст текст был одного цвета, то вы должны ввести атрибут text в тег <boby>, так чтобы у нас получилось следующее:
<body text="red">
где red -это название красного цвета.
Значение любого атрибута задается следующими параметрами: сам атрибут, в нашем случае text, после него ставится вот такой знак = (находится рядом с клавишей backspace), после ставятся вот такие две кавычки "" (на русской раскладке удерживайте shift и нажмите 2). Если вы введете эти кавычки с другой клавиши, то они не сработают в html. Между этими кавычками заключается значение атрибута (в нашем случае цвет текста). Все попробуйте теперь сохранить этот код и посмотрите что получилось.
<html>
<head>
<title>название вашей страницы</title>
</head>
<body text="red">
<center>я создал html-страницу!!!!!!!!(любой другой текст)</center>
</body>
</html>
Жирный текст, курсив, подчеркнутый, зачеркнутый текст
В html также можно сделать текст жирным, курсивом, подчеркнутым, зачеркнутым. Для этих действий также необходим ряд тегов:
<b></b> - жирный текст
<i></i> - курсив
<u></u> - подчеркивание текста
<strike></strike> - зачеркнутый текст
Например:
<html>
<head>
<title><b>название вашей страницы</b></title>
</head>
<body text="red">
<center><i>я создал html-страницу!!!!!!!!(любой другой текст)</i></center>
</body>
</html>
Можно использовать сразу несколько тегов, например, жирный курсив. При этом важно соблюдать последовательность тегов. Если вы открыли тег <i>, то вы и должны и закрыть тег </i>. Кстати, тег <br> переносит текст на строку ниже.
Например
<html>
<head>
<title><b>название вашей страницы</b></title>
</head>
<body text="red">
<center><i><b>я создал html-страницу!!!!!!!!(любой другой текст)</b></i></center><br>я увидел нло!!!!!!!!!
</body>
</html>
Но не как не <i><b>текст</i></b>
В этой главе были рассказано об основных тегах форматирования. Об остальных тегах вы можете посмотреть в таблице тегов.
ШАГ №3