Инструкция
1
2
Сохраните текстовый документ, но не в текстовом формате, а в формате html – при сохранении переименуйте файл в index.html. Откройте полученный файл с помощью любого браузера – вы увидите пустую страницу, на которой будет напечатан заголовок сайта, введенный вами в предыдущем шаге.
3
Теперь вы в любой момент можете открыть созданный файл с помощью блокнота и продолжить редактировать его код для дальнейшего наполнения страницы. Изучите основные html-теги для форматирования страницы. Тег <br> используйте для переноса текста на строку ниже, а тег <head></head> и <title></title> используйте для определения заголовка страницы. Важным тегом является <body></body> - в нем должно содержаться тело документа.
4
Итак, создав базу страницы, начинайте заполнять ее текстом. Возьмите любой текст, который вы хотите вставить на сайт, скопируйте его и вставьте сразу после тега <body> в документ. Сохраните файл.
5
Теперь отформатируйте текст – разбейте его на абзацы с помощью тега <p> и выровняйте его с помощью параметра align со значениями left, center, right, justify. По умолчанию все тексты в HTML выравниваются по левому краю. Некоторые особенно важные моменты и заголовки выделите жирным шрифтом, заключив часть текста в теги <b></b>. Для того чтобы сделать текст наклонным, заключите его в теги <i></i>.
6
Для того чтобы страница смотрелась ярче и привлекательнее, дополните текст любым изображением. Выберите подходящую картинку или фотографию, уменьшите ее в любом редакторе и сохраните в папке с файлами для будущего сайта. Введите тег <img src="picture.jpg"> в то место кода, где должна располагаться иллюстрация. Вместо picture введите полное имя вашей сохраненной картинки. При желании выровняйте изображение с помощью уже описанного выше параметра align. Сохраните документ и откройте его в браузере, чтобы убедиться, что изображение и текст отображаются на странице.