Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро
1.2 Структура html-документа

Автор: Denisido

Дата: 2010-07-29

Структура html-файла состоит из ключевых элементов и объектов. Один из главных элементов страницы - открывающийся тег <html> в самом начале страницы и закрывающийся тег </html> в самом конце страницы:

<html>
  
</html>

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

Между этими тегами прописывается парный тег заголовка документа <head></head>, где содержатся основные сведения о html-странице (название, метаданные, элементы сценария и т.д.):

<html>
<head>
  
</head>
</html>

Среди такой информации название страницы, которое обозначается при помощи парного тега <title></title>:

<html>
<head>
<title>Название страницы</title>
</head>
</html>

Также в сведениях о html-странице могут присутствовать метаданные, в которых может содержаться разного рода информация: автор, кодировка, описание, ключевые слова для поисковиков и т.п. (3 строка ниже):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> 
<title>Название страницы</title>
</head>
</html>

Помимо этих данных в html-документ часто включают информацию о его типе, который необходимо расположить в самом начале, к примеру так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> 
<title>Название страницы</title>
</head>
</html>

Не пугайтесь, такую строку запоминать нет необходимости, это всего лишь стандарты консорциума W3C. При дальнейшем изучении она станет для вас более понятной. Тем не менее, продолжая наше описание, важно отметить ту область html-документа, где происходит основное информационное наполнение. Такая область называется телом документа и заключается между тегами <body> и </body>:

Запустить!
<html>
<head> 
<title>Название страницы</title>
</head>
  
<body>
Тут находится тело документа
</body>
  
</html>

Внимательно посмотрите на алгоритм действий. Наш парный тег <body> записывается после окончания тега </head>, но внутри тегов <html></html>. Это очень важный элемент html-страницы и мы начнем изучать его начиная со следующего раздела!



Коментарии:

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

Текст коментария:

Введите результат с картинки

Просмотров: 14282
Категории


Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.