уроки html верстки
Приступим -первый урок html верстки, поэтому перед началом работы ты должен создать на рабочем столе отдельную папку для будущего документа.html.
У себя на компьютере я создал такую папку на рабочем столе, и назвал ее Мой первый сайт. Ты, естественно, можете создать папку, где угодно, и назвать ее, как тебе хочется. Теперь откроем блокнот,советую скачать постой html редактор,я использую NeonHTML 4.4 созданный нашим соотечественником,немного глючный но мне нравиться и скопируем туда следующий текст:
<html>
<head>
<title>уроки html верстки</title>
</head>
<body>
Привет, это моя первая страница.
<br />
Добро пожаловать,ЧАЙНИК!
</body>
</html>
Сохраним этот документ, присвоив ему имя *.html
сохраняем в папке под именем\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 документе (в блокноте), то, чтобы посмотреть, как это выглядит в нашем обозревателе, надо не забывать нажимать в обозревателе кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, ты что-то неправильно написал, или забыл сохранить документ.
Используй выше приведенный редактор,там есть встроенный обозреватель,и ты сможешь просматривать свою страницу под различным разрешением,если ты собрался стать HTML самураем,пользуйся блокнотом.
Этапы создания сайта
HTML
- Начало уроки html верстки
- Основы языка html (теги)
- Разметка html (цвета)
- Офорление текста html странице
- Изаображения на страницк
- Создание ссылок
- Создание списков
- Линии на странице
- Создание html таблиц
- <head>Список meta тегов</head>
- программа создания meta тегов
- Список/Шпаргалка HTML тегов