Разработка html сайтов
Для того, чтобы создать свою первую html страницу откройте программу блокнот и сохраните страничку под именем (например: index) с расширением файла .html. Имя index.html — это всегда главная страница и она будет открываться в браузере первой, если есть другие страницы, например page.html и т.д,то на эти страницы будут ссылки с главной страницы, таким образом будет создан сайт. Поэтому при разработке html сайтов вашу главную страницу всегда называйте index.html. Важно: тип файла нужно выбрать «все файлы», а после имени дописать «.html» или «.htm», но лучше придерживаться первого варианта. Должно получиться следующие имя файла: «index.html». Этот документ можно открыть в браузере. Правда это будет чистая страница. Впринципе это можно назвать html документом или веб — страницей, однако в нем ничего нету, поэтому переходим к шагу два.
2) Отрываем созданный файл через программу блокнот и вписываем в него теги:
<html>
<head>
<title>Главная страница </title>
</head>
<body>
Заголовок текста создаем с помощью тега <h1>У меня получилось создать мою первую страницу! </h1>
В теге <body> вставляем текст с помощью тега <p>Текст (контент) </p>.
</body>
</html>
После этого сохраните этот файл. Теперь можете отрыть index.html через любой браузер и Вы увидите надпись «У меня получилось сделать мою первую страницу!», а в загаловке будет написано «Название страницы». Такой документ можно уже выкладывать в интернет. Например на бесплатном хостинге http://www.ucoz.ru/. или http://www.hostinger.ru/.Теперь вкратце расскажу о структуре любого html-документа.
Структура любого html-документа
В начале документа необходимо вставить эту строку:
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01 Transitional//EN»
«http://www.w3.org/TR/html4/loose.dtd»>.Эта строка будет говорить браузеру, что мы создали документ, который будет соотвествовать стандарту HTML 4.01.
- Любой html документ должен иметь тэги (это команды языка HTML):
<html>…</html>
<html> — открывающий тэг документа, </html> — закрывающий тэг документа Вообще в html практически все теги состоят из двух элементов: открывающий <ТЕГ> и закрывающий </ТЕГ>.(закрывающий тег косая четра-слэш /).
Тэги можно писать с большой буквы, а можно и с маленькой, поскольку браузеры не воспринимают регистры. То есть, если Вы напишите так:
<HtMl>…</hTMl>
То это будет равносильно тому, что было написано чуть выше.
- Любой html документ можно разделить на две части:
— заголовок страницы (невидимая для пользователя часть, см. заголовочные тэги):
<head>…заголовочные тэги…</head>
Между <head> и </head> указываются: мета-теги (meta):
<meta http-equiv=»Content-Type» content=»text/html; charset=windows-1251″>/кодировка windows-1251 или utf-8/.
<meta name=»keywords» content=»Создание сайтов, создание html документа «/>/ключевые слова для поисковых роботов/
<meta name=»description» content=»Создание сайта с нуля,статьи и уроки по HTML «/>/описание сайта/
Заголовок страницы < title>Заголовок страницы</title>
После тега </head> должно идти тело страницы — тело страницы (видимая для пользователя часть)<body>
Здесь располагается контент и все остальное.
Контент (англ. contents — содержание) — под «контентом» в широком смысле понимают собственно наполнение сайта.В более узком смысле слова ‘контент сайта’ (site content) — это материалы, размещенные на нем: в основном тексты, а также картинки и музыка, видео.
</body>
<body> — открывающий тег тела страницы. Сразу после него начинается то, что видит пользователь: дизайн, контент. Тело и собственно весь html-документ должны заканчиваться последовательностью: </body> </html>
Вот шаблон html документа.
[infobox]Читать статью полностью [/infobox]