Как создать html файл в блокноте?

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

Как создавать html-файлы?

Создайте обыкновенный текстовый документ с помощью блокнота и напишите в нем следующее:

<h1>Hello, world!</h1>

Теперь жмем: Файл – Сохранить как… Здесь нужно обязательно дописать после имени файла расширение html, то есть если ваш файл назывался text, то дописываем: text.html, теперь тип файла нужно выбрать «Все файлы«, чтобы он действительно превратился в html, а не в обычный текст.сохранить как

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

Дело в том, что тег h1 предназначен специально для вывода больших заголовков, поэтому мы убеждаемся, что все работает.

Использование другой программы для создания html и работы с кодом

Только вот простой блокнот абсолютно не годится для написания кода, в нем нет никакого функционала, а самое главное, нет подсветки. В связи с этим я вам рекомендую скачать и установить другой редактор. Например, Notepad++, которым пользуюсь и я. Скачать можно на официальном сайте — notepad-plus-plus.org.

Создать html документ в нем еще проще. Выбираем: Файл – новый, создастся новый файл, теперь нужно выбрать Синтаксис – H – HTML. Теперь, когда вы в первый раз сохраните документ, автоматически будет подставлен такой формат, никаких расширений дописывать не нужно. Ну и конечно же, основное преимущество такого блокнота в том, что в нем есть подстветка кода. Смотрите, как выглядит наш фрагмент в нем:в notepad++

То есть тут четко видно, что является частью html, а что – обычным текстом. В будущем Notepad++ пригодится вам и для работы с другими языками, если вы захотите их изучать.

В общем-то, заявленная изначально тема раскрыта, html-файл мы создали. Но вы наверняка хотите узнать, что с ним можно делать дальше. Можно, например, создать простенький сайт прямо сейчас, даже если вы очень плохо знаете язык. Просто смотрите эту статью и выполняйте все действия точно так, как там написано.

Изучение html

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

Ну а об определении этого языка, о том, зачем он вообще нужен, вы можете прочитать здесь, где я постарался максимально подробно объяснить, для чего он нужен в сайтостроении на простом примере.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: