Как создать простую страницу в html в блокноте — пошаговое руководство

Привет! Сейчас поговорим о том, как создать страницу в html в блокноте. Расскажем о том, что это такое, а также – как правильно написать код для того, чтобы на сайт приходило как можно больше людей.

Эти простые инструкции помогут вам сохранить много времени.

 

Как создать страницу в html в блокноте?

Начнём с того, что такое html. Это язык разметки страниц.

По большому счёту – это просто набор указаний для веб браузера, который показывает, где должны быть заголовки, где жирный шрифт, где курсив и т.д.

Каждый тег начинается и заканчивается кавычками <>.

Зачастую для выделения нужно два тега, один будет примерно таким <b>, а второй — </b>. В результате между двумя этими тегами весь текст будет жирным.

Но есть и исключения из правил.

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

Для создания html кода хватит и блокнота. Это не будет лучшим вариантом, но всё же текстовые редакторы достаточно хороши для написания html кода.

Да, он получится достаточно простым, но этого хватит более чем.

Вообще, для создания сайтов хватит всего лишь трёх тегов. Head, Body и Title (о них чуть ниже).

Конечно, лучше использовать больше тегов, добавлять изображения, чтобы страница лучше выглядела в браузере.

Как создать веб страницу в html в блокноте — смотреть видео

Что значат теги?

Для того, чтобы написать код в html, нужно знать значения всех тегов.

Начнём с самых простых.

  1. Head – это самый главный тег. Текст, который будет располагаться между двумя хэдами будет очень важен для индексации поисковыми системами. По факту это и есть заголовок.
  2. Следующий важный тег – Title. Это заголовки (по факту подзаголовки). Опять же, поисковые системы отдельно индексируют заголовки. Да и просто такой текст будет смотреться красивее, чем отсутствие прописанных заголовков.
  3. Дальше идёт боди. Body – это основной текст, который показывается на web странице. Там же будут располагаться картины и другие материалы. Это и есть основа любой страницы.
  4. Также очень важный тег – b. Он помогает выделять ключевые места с помощью жирного шрифта. Можно было бы вспомнить ещё курсив (i) и подчёркнутый (U), но это уже совсем для эстетов.
  5. Настало время метатегов. Они могут даже не отображаться на странице (чаще всего так и делают). Это Description и Keywords. Первый содержит описание страницы, которое показывают поисковые системы. А второе – это набор ключевых слов, которые индексируются поисковыми системами.

Последние два тега очень важны для продвижения.

Люди их не увидят, зато поисковые системы оценят.

 

Почему блокнот – это не лучший вариант?

Мне кажется, очевидно, что эта программа хоть и будет неплохой для создания html файлов, всё же уступит специальным приложениям.

Здесь подробнее разберём AkelPad.

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

  1. Во-первых, его преимущество заключается в нумеровке строк. Так вы сможете быстрее находить места, если пишите большой код. Также просто выделение строки в Акельпаде намного удобнее, чем отсутствие этой функции в блокноте.
  2. Во-вторых, Акельпад выделяет теги, поэтому каждый файл выглядит ярче, а также в нём легче найти всевозможные теги. Это очень удобно при проверке. Особенно со временем, когда глаз привыкает к специальной раскраске, поэтому ориентироваться становится легче.
  3. В-третьих, в Akelpad удобнее работать с несколькими кодами. В программе очень удобно переключаться между окнами. Вспоминаем красивую разметку из прошлого пункта, которая помогает ориентироваться. И получается, что в плане банального удобства Akelpad значительно превосходит Блокнот. И это я уже не говорю о специальных функциях.

Самое интересное, что программа весит так мало, что у неё даже нет установщика.

Вы просто скачиваете архив, распаковываете в любую папку, а после открываете с помощью неё файл.

Советую закрепить Акельпад на панели задач, чтобы было проще создавать новые файлы.

 

Заключение

Вот мы и разобрались с тем, как создать страницу в html в блокноте.

Для этого достаточно просто знать несколько основных тегов:

— Head – основной заголовок;
— Title – подзаголовки;
— Body – основные материалы (текст, картинки);
— B, u, I – жирный, подчёркнутый, курсив;
— Description – описание страницы, показываемое поисковыми системами;
— Keywords – ключевые слова, которые индексируются поисковыми системами.

Но удобнее работать не в Блокноте, а в Akelpad.

Эта программа выделяет специальным цветом теги, а также даёт возможность выделить целую строку. Да и работать с множеством файлов в ней гораздо удобнее.

Html код продолжает считаться одним из лучших для создания веб страниц. Хоть какую-то конкуренцию ему может составить php.

А как вы считаете, стоит ли делать сайт на html или лучше на php?

 


P.S. Чтобы написать данную статью, было потрачено много сил и времени. И если она принесла пользу вам, то возможно она принесет пользу и вашим друзьям.

Для этого нажмите и поделитесь с друзьями в социальных сетях.   А для нас это будет лучшей благодарностью и мотивацией на будущее!

А хотите первыми узнавать об обновлениях? Подписывайтесь на новости блога

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

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