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

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

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

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

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

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

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

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

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

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

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

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

После того как открыли файл в браузере мы ничего не видим так как наш файл пустой, в нем нету ни одной строчки кода html. Давайте исправим ситуацию, напишем в файле пару строчек кода. Для этого идем в папку с нашим файлом, кликаем на него правым кликом мыши и в появившемся меню выбираем пункт 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 )

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

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

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

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

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

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

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

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

Видео:

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

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

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

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

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

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

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

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