Сайт в интернете

Создаем собственный сайт своими руками в Блокноте

Возможно, всего несколько шагов отделяют вас от того, чтобы создать свой сайт и выложить его в сети интернет...
Семь пунктов внизу данной статьи содержат информацию о том, как создать сайт самому бесплатно, без использования CMS – систем управления контентом и других web-конструкторов, которые на сегодняшний день достаточно широко распространены, но лишь являются поверхностью айсберга.

Темы в дополнение

Свой сайт бесплатно?

7 шагов, чтобы создать сайт

Создание и дальнейшее размещение собственного сайта в интернете

Шаг 2. Работа с HTML текстом

Начнем с примера. Создадим заголовок и первые параграфы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

          <head>

          <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

          <title>Название документа</title>

          </head>

          <body>

          <h3>Мой первый заголовок</h3>

          <p>Мой первый параграф</p>

          <p>Мой второй параграф</p>

          </body>

          </html>

Pезультат

Теги и их значение

Теги <title> </title> – определяют основной заголовок web-страницы.
Теги <body> </body> – определяют видимую часть web-страницы.
Теги <h3> </h3> – определяют заголовок третьего уровня.
Теги <p> </p> – определяют параграф.

Еще пример:

...

          <body style="color:#000099">

          <h1 align="center">Предисловие</h1>

          <p>Наш мир стоит на пороге больших перемен. Изменения начались еще во второй половине XX века, когда <b>в развитых капиталистических странах</b> все больше людей стали привлекаться к офисной работе как продавцы, менеджеры, администраторы и так далее. Все идет к тому, что <ins>со временем производство переместится в страны с дешевой рабочей силой</ins>, а класс <i>«белых воротничков»</i> станет преобладающим в структуре государств с высоким экономическим показателем.</p>

          <p>С каждым днем растет число работников занятых в сфере услуг и распространении информации. Если символами прошлых столетий были ферма и фабрика, то символ нынешнего XXI века – это офис, оборудованный компьютерами, которые имеют доступ к информационному потоку...</p>

          </body>

          </html>

Pезультат

Теги, атрибуты и их значения

Теги <h1> <h6> – определяют заголовки с первого уровня по шестой, при этом заголовок первого уровня самый большой, а шестого уровня – самый маленький.
Теги <b> </b> – жирный текст.
Теги <ins> </ins> – определяют подчеркнутый снизу текст.
Теги <i> </i> – определяют наклонный или курсивный текст.
align="center" – определяет центрирование содержимого тегов.
Атрибут style="" – линейное CSS включение. В данном случае определен цвет текста всего документа, так как стилевые описания находятся внутри тега <body>.

Автор проекта - Вася Митин | Дата публикации: Апрель 2010 | Обновление: Ноябрь 2018

Шаг 1. HTML документ Работа с HTML текстом Шаг 3. HTML ссылки