BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Все про HTML » «Моя первая веб-страничка на HTML». Урок-2

«Моя первая веб-страничка на HTML». Урок-2

2013-05-31 / Вр:22:25 / просмотров: 5485

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

Шаг 1
Создайте на компьютере папку с названием «Моя первая веб-страничка на HTML» (или назовите папку по-своему, это не важно, главное, чтобы была папка).

Шаг 2
Теперь откройте текстовый редактор Notepad++ или блокнот
«Пуск» => «Программы» => «Стандартные» => «Блокнот» и скопируйте или перепишете туда такой код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Моя первая веб-страничка на HTML</title>
</head>
<body>
Всем привет, это моя первая веб-страничка на HTML
</body>
</html>

[посмотреть пример]

Шаг 3
Сохраните этот текстовый документ с кодом в папку, которую вы создали (у меня папка, как вы помните, называется «Моя первая веб-страничка на HTML»).

Чтобы правильно сохранить веб-страницу, сделайте такие действия:
○ нажмите в блокноте «Файл» => «Сохранить Как»:

«Моя первая веб-страничка на HTML». Урок-2
○ назовите файл index.html (а не просто index). У вас должен получится файл с расширением *.html а не *.txt.

«Моя первая веб-страничка на HTML». Урок-2

Внимание: сохраняйте файл веб-страницы как  *.html, а не как *.txt, в противном случае это работать не будет.

Вот и все!!! Только что вы создали вашу первую веб-страницу.

Чтобы посмотреть результат работы откройте файл index.html в браузере.

Вот такой результат вы должны увидеть на экране монитора:

«Моя первая веб-страничка на HTML». Урок-2

Заметка:
Теперь  разберемся, как это оно так получилось :)

Вы заметили, что все находящееся между тегами <body>.....</body>, отобразилось на экране монитора,

а все, что находилось между тегами <title>....</title>, отобразилось во вкладке браузера.

основы HTML

Если у вас все получилось так же, переходим к следующему уроку «Работа с текстом в HTML». Урок-3

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

Получай обновления блога!!! Подпишись:

Популярные статьи:

10 Ответов на комментарий - «Моя первая веб-страничка на HTML». Урок-2

  1. Вячеслав

    А будут в дальнейшем уроки PHP ?

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Да, Вячеслав, в дальнейшем я подготовлю уроки по PHP. Спасибо за комментарий.

    Ответить

  2. Тамара Полякова

    Привет Степан! У меня с первого раза е получилось открыть правильно страничку! Начала внимательно просматривать урок и выявила, что у тебя при сохранении файла стоит кодировка ANSI. А у меня было сохранение без кодировки. Потом я нашла в Notepad++ где выполнить такую кодировку. И потом у меня получилось! Спасибо за урок!

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Здравствуйте, Тамара! Я рад, что урок Вам понравился! Буду вопросы, пишите!

    Ответить

  3. Тамара Полякова

    И в дополнение к моему комментарию сообщаю, что title у меня получился так: file:///C:/Users/Тамара/Documtnts/Моя%20первая%20вебстр.на%20HTML/index.html
    Что я сделала не так???

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Увы, я не могу посмотреть. Залейте файл на сервер и дайте ссылку или скиньте на почту файл, я посмотрю.

    Ответить

  4. Сергей

    Пока что все понятно. Не думал что это так интересно))) Спасибо!

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    Пожалуйста!

    Ответить

  5. Сергей

    Не получается сохранить как у вас написано! Во-первых: нет кодировки в “Сохранить как…”; Во-вторых, показали бы вы пример как у вас сохранился файл в папке, а то у меня сохранился файл с ГУГЛовским ярлыком! Правильно или нет? И когда открываю файл в браузере там открываются иероглифы!

    Ответить

    Степан => автор блога

    Степан => автор блога отвечает:

    1.Во-первых: нет кодировки в “Сохранить как…”; – кодировка есть. “Сохранить как…” и в самом низу есть выпадающий список “Кодировка”, возле кнопки “Сохранить”:

    2. у меня сохранился файл с ГУГЛовским ярлыком! – все верно. Если бы у вас был бы браузер ОПЕРА, то ярлык был бы оперовский.
    3. открываются иероглифы – это проблема в кодировке.
    Почитайте вот здесь: http://bloggood.ru/html-osnovi-primer-podskazki/html-kodirovka-stranicy-v-kakoj-kodirovke-soxranyat-web-stranicu.html/

    Могу вам провести онлайн консультацию или мини курс по изучению HTML. Если интересно, пишите.

    Ответить

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

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

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: ,

Мои цели на 2016 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 600

4). Добиться стабильной посещаемости 2500 человек/сутки

5). Закончить все статьи, которые находятся в черновиках

6). Создать портфолио и мини интернет-магазин шаблонов

7). Создать книгу

8). Добиться стабильной посещаемости 3000 человек/сутки

9). Довести количество статей до 700

10). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 669
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 3663