Как сделать несколько страниц сайта в блокноте

  • Изображение с названием Create a Simple Webpage Using Notepad Step 1

    1

    Откройте Блокнот. Нажмите “Файл->Сохранить как”. В поле “тип файла” выберите “Все файлы”. Сохраните ваш файл как file.html (file можно заменить на любое другое название). Обычно главная страница сайта называется index.html Теперь вы можете приступать к сайта написанию кода. Не волнуйтесь, это не как сделать несколько страниц сайта в блокноте сложно!

  • Изображение с названием Create a Simple Webpage Using Notepad Step 2

    2

    HTML (язык гипертекстовой разметки) использует теги. Теги – это обычно определенный текст в <УГЛОВЫХ скобках> Для создания страницы вы будете использовать разные теги. Также есть "закрывающие теги", которые выглядят как </TEXT> Они закрывают, например, текст, который нужно выделить жирным.

  • Изображение с названием Create a Simple Webpage Using Notepad Step 3

    3

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

  • Изображение с названием Create a Simple Webpage Using Notepad Step 4

    4

    Следующий тег – head (тег заголовка). Между тегами <head> и </head> стоят теги title (сообщает браузеру, что выводить вверху окна) и мета теги (сообщают поисковым службам, таким как Google, тематику сайта).

  • Изображение с названием Create a Simple Webpage Using Notepad Step 5

    5

    В следующей строке введите

  • Изображение с названием Create a Simple Webpage Using Notepad Step 6

    6

    Теперь закройте тег head, введя

  • Изображение с названием Create a Simple Webpage Using Notepad Step 7

    7

    Далее идет тег body. Введите следующее. Помните, что не все браузеры поддерживают все цвета. (например, темно-серый не будет поддерживаться большинством браузеров).

  • Изображение с названием Create a Simple Webpage Using Notepad Step 8

    8

    Между двумя тегами body идет контент вашей веб-страницы, который видит пользователь. Давайте начнем с заголовка. Заголовок – это секция с большим текстом, которая обозначается в HTML тегом от <h1> до <h6>, где <h1> – самый большой размер текста. Поэтому, вверху страницы после тега body может быть что-то вроде этого <h1>Добро пожаловать на мой сайт!</h1> Убедитесь, что вы не забыли закрыть тег, иначе весь текст вашей веб-страницы будет гигантским!

  • Изображение с названием Create a Simple Webpage Using Notepad Step 9

    9

    Следующий тег, который используется в теле веб-страницы, это <p> или тег параграфа. Поэтому после заголовка вы можете вставить <p>Я изучаю, как создать веб-сайт с помощью wikiHow!</p> Если вы хотите перейти на новую строку, используйте тег (тег разрыва строки).

  • Изображение с названием Create a Simple Webpage Using Notepad Step 10

    10

    Вы, наверное, не хотите, чтобы на всей странице был обычный текст. Поэтому давайте его отформатируем. <b> используется для жирного текста, <i> – курсива и <u> – для подчеркивания. Не забывайте закрывающие теги!

  • Изображение с названием Create a Simple Webpage Using Notepad Step 11

    11

    Что действительно привлекает внимание на веб-странице – это картинки. Даже если текст на странице отформатирован, кто захочет смотреть на бесконечные слова? Чтобы вставить рисунок, используйте тег <IMG>. Но как и тег body, он требует дополнительную информацию. Тег img может выглядеть следующим образом: <IMG alt=dog src="dog.jpg" width=200 height=200> src (источник) – это название рисунка. width и height – это ширина и высота рисунка в пикселях.

  • Изображение с названием Create a Simple Webpage Using Notepad Step 12

    12

    Почти готово! Вы хотите, чтобы посетители вашего сайта могли увидеть больше одной страницы. Для создания ссылок используйте: <A href="otherpage.html">Другая страница</A> Текст между тегами, это то, по чему пользователь кликает, чтобы перейти на другую страницу, а часть href – на какую страницу он попадет после клика. Используя теги, посетители смогут без проблем перемещаться между страницами вашего сайта.

  • Изображение с названием Create a Simple Webpage Using Notepad Step 13

    13

    Для завершения вам надо закрыть тег body и html.

  • Изображение с названием Create a Simple Webpage Using Notepad Step 14

    14

    Сохраните вашу роботу и затем откройте.html в своем любимом веб-браузере. Поздравляем! Вы только что создали веб-страницу

  • Изображение с названием Create a Simple Webpage Using Notepad Step 15

    15

    Если вы хотите разместить ваш веб-сайт в интернете, поищите информацию об этом на сайте wikiHow.


Источник: https://ru.wikihow.com/%D1%81%D0%BE%D0%B7%D0%B4%D0%B0%D1%82%D1%8C-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D1%83%D1%8E-%D0%B2%D0%B5%D0%B1-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D1%83-%D0%B2-%D0%91%D0%BB%D0%BE%D0%BA%D0%BD%D0%BE%D1%82%D0%B5



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Как создать сайт в блокноте / Реальный пример создания сайта в блокноте Масла для ухода за глазами

Как сделать несколько страниц сайта в блокноте Как сделать несколько страниц сайта в блокноте Как сделать несколько страниц сайта в блокноте Как сделать несколько страниц сайта в блокноте Как сделать несколько страниц сайта в блокноте Как сделать несколько страниц сайта в блокноте Как сделать несколько страниц сайта в блокноте