Создание html страницы

создание-html-страницы

Каждый начинающий вебмастер должен знать, как создать html страницу, а делается это очень легко и просто. Я могу вам уверенно сказать что после того как прочитаете эту статью, Вы будете создавать html страницы без никаких трудностей.

Вы можете написать html код в любом текстовом редакторе ( даже в блокноте ) но, я вам рекомендую для начало воспользоваться таким замечательным редактором как notepad++. Он очень удобный и простой в использований. Вы можете скачать его на официальном сайте https://notepad-plus-plus.org.

Основной плюс у этого редактора в том, что есть подсветка кода. Поверьте это очень удобно, т.к. сразу заметно, где открывается тег и где он закрывается.

Открываем программу и как вы заметили новый файл с именем new 1, создался автоматически.

новый файл в notepad++

Этапы создания html страницы

Теперь из нового файла создаем html документ следующим образом:
1. Идем в меню файл и выбираем пункт сохранить как… или нажимаем горячие клавиши ( Ctrl+Alt+S)

сохранить файл в notepad++

2. В появившемся окне выбираем место, где хотим сохранить файл.

3. В поле имя файла пишем index и выбираем тип файла Hyper Text Markup Language file (*html; *htm; *shtml; *shtm; *xhtml;*hta).

название файла и его тип html document

После того как выбран тип файла, в конце имени файла автоматически вставляется расширение html.

расширение html

4. Нажимаем сохранить. Имя файла изменилось на index.html

Название файла изменилось на index.html

Закрываем Notepad++ и едем в указанной папке, где сохранили файл. Там создался файл index, с расширением html и со значком браузера который установлен у вас по умолчанию. При двойном щелчке, файл открывается в вашем браузере. У меня браузер по умолчанию выбран опера, поэтому сохраненный файл выглядит так:

полученный html файл после сохранения

После того как открыли файл в браузере мы ничего не видим так как наш файл пустой, в нем нету ни одной строчки кода html. Давайте исправим ситуацию, напишем в файле пару строчек кода. Для этого идем в папку с нашим файлом, кликаем на него правым кликом мыши и в появившемся меню выбираем пункт Edit with Notepad++.

Edit with notepad++

Файл откроется в редакторе Notepad++. Теперь напишем в файле следующий код:

<!DOCTYPE html >
<html>
    <head>
        <meta charset="utf-8" />
        <title>Файл html</title>
    </head>
    <body>
        <h1 align="center" > Привет Мир </h1>
    </body>
</html>

После этого нужно сохранить файл, для этого идем в меню файл и выбираем пункт сохранить или нажимаем горячие клавиши ( Ctrl + S )

сохранение html файла

Также есть еще один способ для сохранения файла, нужно нажать на значок дискеты который находится на панеле инструментов.

другой способ для сохранения файла

Обратите внимание на цвет дискеты возле имени файла. Если в файле сделаны какие то изменения, то цвет дискеты становится красным, это означает что файл не сохранен.

красная дискета в панель инструментов notepad++

После того как сохранили файл, цвет дискеты становится синим.

синяя дискета в панель инструментов notepad++

И так файл мы сохранили, давайте откроем заново его в браузере и посмотрим что получилось.

html страница в браузере opera

В браузере выводился заголовок Привет Мир, это означает, что мы все сделали правильно.

На этом пожалую все, думаю, вы поняли на 100 % как создать html страницу и теперь у вас не возникнут трудностей сделать это.

Похожие статьи:

Видео:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Delivered by FeedBurner

Поддержите пожалуйста мой проект!

<< Предыдущая статьяСледующая статья >>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту sergiu920@mail.ru. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в:

Добавляйтесь в мои группы:

Подпишитесь на мои каналы:

Автор статьи: Мунтян Сергей

Копирование материалов с сайта sozdatisite.ru ЗАПРЕЩЕНО!!!

Дата добавления: 2014-02-19 01:58:52