Материалы

Ступенька 1-ая

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

D:\первые шаги\

У себя на компьютере я создала такую папку на диске D, и назвала ее Первые Шаги. Вы, естественно, можете создать вашу папку, где угодно, и назвать ее, как угодно. Теперь откроем блокнот – notepad (start – programs – accessories – notepad или пуск – программы – стандартные – блокнот) и скопируем туда следующий текст: 


<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать! :)
</body>
</html> (посмотреть)
 

Сохраним этот документ, присвоив ему имя *.html 

D:\первые шаги\index.html

Многие читатели спотыкаются на фразе: "А теперь сохраним этот документ, присвоив ему имя *.html", они пишут письма, о том, что у них получается сохранить, только как текстовой документ *.txt, а вот как *.html - никак. Чтобы в дальнейшем избежать этого глупого недоразумения, я и пишу это примечание. 

Если вы сохраняете документ, через Файл -> Сохранить (File -> Save), то, естественно, что он сохраняется как *.txt. Надо сохранять ваш документ следующим образом: 

- Файл -> Сохранить Как (File -> Save as)
- Дальше вводите имя своего документа, например: index.html (а не просто index; приписочка *.html должна быть обязательно).
- Если вы уже сохранили ваш документ, как *.html, то при внесении изменений в этот документ вы можете уже сохранять их через Файл -> Сохранить (File -> Save). 

Вот и все. Надеюсь, теперь у всех все будет в порядке. 

Теперь откроем броузер, допустим, Internet Explorer (не закрывайте блокнот, он нам еще пригодится), и откроем в броузере наш документ. 

Файл - Открыть - кнопка Обзор - Наш документ (index.html) 
File – Open – Browse – index.html

Если мы чего-то изменим в нашем *.html документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем броузере, надо не забывать нажимать в броузере кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то что-то неправильно написали, или забыли сохранить документ. 

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

Комментарии   

 
0 #17 profile 01.11.2018 09:56
Need cheap hosting? Try webhosting1st, just $10 for an year.

Цитировать
 
 
0 #16 profile 01.11.2018 08:18
Need cheap hosting? Try webhosting1st, just $10 for an year.

Цитировать
 
 
0 #15 profile 01.11.2018 07:47
Need cheap hosting? Try webhosting1st, just $10 for an year.

Цитировать
 
 
0 #14 Walterjar 07.02.2018 06:42
язык HTML -Он говорит браузеру все о содержании и структуре страницы.
Цитировать
 
 
0 #13 Walterjar 06.02.2018 23:57
Когда один элемент располагается внутри другого, нужно следить за тем, чтобы вложенный элемент начинался и заканчивался внутри одного и того же элемента. Так, например, следующий код является неверным
Цитировать
 
 
0 #12 Walterjar 05.02.2018 14:08
HTML- )
Цитировать
 
 
0 #11 SusanCloth 31.01.2018 10:36
Все просто и доступно !
Цитировать
 
 
0 #10 SusanCloth 30.01.2018 11:09
Не забывайте в закрывающем теге ставить символ "/", он указывает браузеру, что ваш элемент закончился и что то, что будет написано после него, является уже другим элементом. Если не поставить символ "/" в закрывающем теге, то браузер примет его за новый элемент, вложенный в предыдущий, который по мнению браузера всё ещё не закрыт.
Цитировать
 
 
0 #9 StephenMom 29.01.2018 08:48
Supper
Цитировать
 
 
0 #8 Walterjar 27.01.2018 14:05
HTML-вечен
Цитировать
 
 
0 #7 SusanCloth 26.01.2018 13:34
это нужно знать начинающим!
Цитировать
 
 
0 #6 Walterjar 26.01.2018 07:17
Спасибо за статью!
Цитировать
 
 
0 #5 StephenMom 25.01.2018 14:42
Просто и доступно!
Цитировать
 
 
0 #4 SusanCloth 24.01.2018 15:27
Супер )))
Цитировать
 
 
0 #3 irariegler 15.06.2017 01:11
Поскольку код HTML-документа со временем становится больше и усложняется, становится видно, что использование пробельных символов действительно улучшает читабельность кода.
Цитировать
 
 
0 #2 push up bra cups 13.06.2017 13:27
Когда один элемент располагается внутри другого, нужно следить за тем, чтобы вложенный элемент начинался и заканчивался внутри одного и того же элемента. Так, например, следующий код является неверным: Это очень интересно
Цитировать
 
 
+2 #1 zidaniys 25.05.2013 13:24
Спасибо за пост !
Цитировать
 

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


Защитный код
Обновить

Вы здесь: Главная