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

А вот создать полноценную веб-страницу в полной мере вероятно.

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

Для начала нужно маленькое знакоство с общими терминами и теорией. Большинство страниц сайтов являются простые текстовые документы, каковые оформлены особым образом – языком гипертекстовой разметкой сокращенно именуемой HTML. Кое-какие причисляют разметку HTML к языкам программирования, но это не правильно.

HTML – это всего лишь метод стандартизации разметки документов, что конкретно интерпретируется браузерами для отображения на экранах компьютеров в удобной для пользователей форме.Главным инструментом языка HTML являются особые структурные элементы, благодаря которым и оформляется документ. Их именуют дескрипторами либо тегами.

В общем виде тег является конструкцией вида

table Так, тег начинается знаком . Теги бывают парными как выделение текста жирным шрифтомии непарными как перевод строчка

. При применения парных тегов в обязательном порядке применение как раскрывающегося тега , так и закрывающегося . Закрывающимся тегом есть дескриптор со знаком косой черты /.

Разглядим главные их назначение и виды тегов.

• Элемент . Устанавливается в самое начало страницы и помогает для указания браузеру того, как трактовать этот документ. есть не необходимым, но весьма желателен на странице для избежания вероятных неприятностей с ее отображением.
• Тег . есть парным тегом и складывается из двух частейи . Любая страница сайта начинается с этого тега и заканчивается им.
• Тег . Кроме этого есть парным тегом и складывается из двух частейи . В данного тега размещается разная ответственная информация о странице: ее заголовок, ссылки на применяемые стили оформления, подключаемые скрипты, особые метаданные.
• Тег . есть парным тегом, складывается из двух частейии находится в тега . Этот тег определяет заголовок страницы, с которым она будет видна в браузере.
• Тег . есть парным тегом, складывается из двух частейии следует за тегомна странице. Как раз в теге ltbody содержится все данные, которая отображается на странице в браузере.
• Тег . есть одинарным. Помогает для обозначения перевода строчка в документе.
• Тег . Относится к парным тегам, записывается в пара хорошем от вторых тегов видеи помогает для ссылок. есть наиболее значимым элементом всей концепции языка HTML, и интернета в целом.
• Тег

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

  и

  . С его помощью оформляется текстовый абзац.

• Теги , , ,
  

  ,

  , . Относятся к парным тегам, поскольку складываются из двух тегов, напримери . Эти теги помогают для подзаголовков шести уровней и в один момент показывают важность заключенного в них текста довольно всего документа.

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

Всего насчитывается примерно сто тегов, но рассмотренных десяти уже хватит для оформления несложной страницы сайта в блокноте. Главные теги документа, , ,распределяются в строгом порядке. В тегаостальные дескрипторы смогут находится в разных порядках в пределах стандартов языка HTML.

Несложнее всего это осознать на примере создания несложной веб-страницы.

1. Запустите Блокнот и в самой первое его строке установите элемент , подсказывающий браузеру как направляться трактовать ваш документ.
2. Сделайте перевод строчка и добавьте парный тег .Переведите закрывающийся тегна две строки вниз.
3. Добавьте парный тегв строке между тегамии переведите закрывающийся тегна две строки вниз.
4. В строке между тегамиинапишите парный тегв одну строчок.
5. Введите заголовок вашей веб-страницы между тегамии . К примеру, таковой.

   Моя первая страница сайта

6. Установите курсор в строчке по окончании закрывающегося тегаи выполните перевод строчка. Впишите в показавшуюся пустую строчок парный тег .

   Моя первая страница сайта

7. Сделайте двойной перевод между в тегамии .В показавшуюся строчок впишите парный тег заголовка . Соберите в тегаподзаголовок страницы.

   Моя первая страница сайта

   Обо мне

8. По окончании закрывающегося тега заголовкасделайте перевод строчка и в новой строчке установите парные теги абзаца

   и

   . Впишите между ними текст. К примеру, так.

   Моя первая страница сайта

   Обо мне

   Меня кличут Иванов Иван. Я создаю собственный сайт.

9. Заключите имя и фамилию в парный тегдля выделения их жирным шрифтом.

   Моя первая страница сайта

   Обо мне

   Меня кличут Иванов Иван. Я создаю собственный сайт.

10. По окончании закрывающегося тега абзаца выполните перевод строчка и впишите в новой строчке парный тег . Впишите между тегами какой-либо текст.

    Моя первая страница сайта

    Обо мне

    Меня кличут Иванов Иван. Я создаю собственный сайт.

    Мои удачи

11. По окончании закрывающегося тегаподзаголовкаснова сделайте перевод строчка, впишите парные тег абзаца

    и

    и между данными тегами напишите произвольный текст.

    Моя первая страница сайта

    Обо мне

    Меня кличут Иванов Иван. Я создаю собственный сайт.

    Мои удачи

    Освоен базисный синтаксис HTML и создана первая страница будущего сайта.

    В ходе обучения использованы материалы сайта kakimenno.ru

12. Из перечисленных в статье тегов остались не изученными два – важнейший тег

    и перевод строки для ссылок . Применим их. Перед последним закрывающимся тегом впишите дескриптор

    , а между

    и конструкцию вида . У вас должно окажется следующее.

    Моя первая страница сайта

    Обо мне

    Меня кличут Иванов Иван. Я создаю собственный сайт.

    Мои удачи

    Освоен базисный синтаксис HTML и создана первая страница будущего сайта.

    В ходе обучения использованы материалы сайта kakimenno.ru

13. Между кавычек в тегевпишите адрес страницы, на которую вы станете ссылаться. Перед тегом возможно вписать слово Ссылка, а между тегамиивписать текст, что будет отображаться на странице.

    Моя первая страница сайта

    Обо мне

    Меня кличут Иванов Иван. Я создаю собственный сайт.

    Мои удачи

    Освоен базисный синтаксис HTML и создана первая страница будущего сайта.

    В ходе обучения использованы материалы сайта kakimenno.ru

    Ссылка: kakimenno.ru

14. На этом создание несложной страницы для сайта возможно завершено. В принципе, его возможно было завершить еще и п.9, но если вы без шуток собираются изучать язык HTML, то дополнительная практика не будет лишней. Сохраните страницу с расширением *.html и имеете возможность открыть ее в любом браузере, дабы просмотреть результаты собственной работы. В случае если все сделано верно, то вы должны заметить приблизительно следующее.

    созданная страница сайта

В случае если по окончании прочтения статьи решимость в создании сайта у вас не иссякла, то в обязательном порядке ознакомтесь с полным синтаксисом языка HTML, и изучите применение каскадных стилей CSS для оформления страниц.

Случайная статья:

• Как перейти в безопасный режим?
• Microsoft использует искусственный интеллект для предсказания победителя чемпионата европы по футболу

Программирование html.Создание сайта в блокноте (Первый Урок)

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

• Как открыть свой сайт и зарабатывать деньги?

  В эру бурного развития Интернета многие хотят попытаться себя в роли хозяина собственного собственного ресурса, ориентированного на получение прибыли….

• Как зарегистрировать сайт в яндексе?

  Создать собственный сайт в наши дни совсем не сложно. Это может сделать человек кроме того с начальным уровнем владения ПК. Но, что делать дальше, в то…

• Создан первый образец магнонной голографической памяти

  Эксперты Института радиотехники и Калифорнийского университета и электроники РАН представили память, талантливую считывать и записывать данные намного…