| Нам уже... |
|
 |
| Меню сайта |
|
|
| IP-информер |
 |
|
|
Главная » 2015 » Апрель » 18 » Как создать html страницу в блокноте
10:07 Как создать html страницу в блокноте |
Тег <html> является основным тегом вашего сайта – внутри него содержится весь прочий код, составляющий вашу веб-страницу. Завершение кода обозначается закрывающим тегом </html>.
Сохраните текстовый документ, но не в текстовом формате, а в формате html – при сохранении переименуйте файл в index.html. Откройте полученный файл с помощью любого браузера – вы увидите пустую страницу, на которой будет напечатан заголовок сайта, введенный вами в предыдущем шаге.
Теперь вы в любой момент можете открыть созданный файл с помощью блокнота и продолжить редактировать его код для дальнейшего наполнения страницы. Изучите основные html-теги для форматирования страницы. Тег <br> используйте для переноса текста на строку ниже, а тег <head></head> и <title></title> используйте для определения заголовка страницы. Важным тегом является <body></body> - в нем должно содержаться тело документа.
Итак, создав базу страницы, начинайте заполнять ее текстом. Возьмите любой текст, который вы хотите вставить на сайт, скопируйте его и вставьте сразу после тега <body> в документ. Сохраните файл.
Теперь отформатируйте текст – разбейте его на абзацы с помощью тега <p> и выровняйте его с помощью параметра align со значениями left, center, right, justify. По умолчанию все тексты в HTML выравниваются по левому краю. Некоторые особенно важные моменты и заголовки выделите жирным шрифтом, заключив часть текста в теги <b></b>. Для того чтобы сделать текст наклонным, заключите его в теги <i></i>.
Для того чтобы страница смотрелась ярче и привлекательнее, дополните текст любым изображением. Выберите подходящую картинку или фотографию, уменьшите ее в любом редакторе и сохраните в папке с файлами для будущего сайта. Введите тег <img src="picture.jpg"> в то место кода, где должна располагаться иллюстрация. Вместо picture введите полное имя вашей сохраненной картинки. При желании выровняйте изображение с помощью уже описанного выше параметра align. Сохраните документ и откройте его в браузере, чтобы убедиться, что изображение и текст отображаются на странице.
|
|
Категория: Статьи для начинающего вебмастера |
Просмотров: 329 |
Добавил: evgeny
| Рейтинг: 0.0/0 |
|
|
| Вход на сайт |
|
|
|
