HTML. Сайт

1. HTML

САЙТ

2.

1. Создаем папку на рабочем столе.
2. Открываем блокнот.
Вставляем текст
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
 
Добро пожаловать! :)
</body>
</html>

3.

3.Сохраняем с расширением
.html
4.Открываем документ в
браузере!
Все тэги, расположенные между
<head> </head>, это что-то вроде
служебной информации
Все тэги, расположенные между
<body> </body> - непосредственное
содержание документа.

4.

• Пример тэга: (перенос текста на другую строку)
• <html>
Этот тэг должен открывать документ. Если есть открывающий
тэг, то должен быть и закрывающий:
</html>
<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>
Только такая очередность закрывающих тэгов верна: тэг, который
мы открыли первым - закрываем последним, второй –
предпоследним и т.д.

5.

Т.е. следующая очередность нежелательна и не верна, она
может привести к ошибкам на вашей страничке:
<тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2>
Важно! Таблица цвета! Важно!
https://www.artlebedev.ru/colors/

6. Раскрасим

РАСКРАСИМ
 Добро пожаловать! :) 
В этом случае каким цветом станет наше «Добро пожаловать»?
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
 
 Добро пожаловать!
:) 
</body>
</html>

7. ЦВЕТ СТРАНИЦЫ

<body bgcolor="#000000">
И ТОГДА НАШ БУДЕТ ВЫГЛЯДЕТЬ ТАК:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body text="#336699" bgcolor="#000000">
Здравствуйте, это моя первая страница.
 Рейтинг@Mail.ru Rambler's Top100
 Добро пожаловать! :)
</body>
</html>

8. параграфы. ОЦЕНТРОВКА ТЕКСТА.

ПАРАГРАФЫ. ОЦЕНТРОВКА
ТЕКСТА.

С помощью параграфов мы можем центрировать текст:
текст
С помощью параграфов мы можем выровнять текст по левому краю:
текст
По правому краю документа:
текст
По обоим краям документа:
текст

English Русский Правила