-÷итатник

¬от она - самоорганизаци€ - (0)

ѕравила жизни Ѕенджамина ‘ранклина ѕравила жизни Ѕенджамина ‘ранклина, написанные им в 20 лет и с...

ѕравильные психологические установки - (0)

20 жестких цитат психолога ћихаила Ћабковского о здоровой любви и неврозах 20 жестких цитат п...

—ердце —амура€ - (0)

ѕуть —амура€ — это смерть. ¬ ситуации «или — или» без колебаний выбирай...

ѕритча."Ћюблю теб€ папа..." - (0)

ќднажды, когда человек полировал свой автомобиль, его 6- летний сын подн€л камень и н...

ѕривет украинским бандеровцам! - (6)

¬о Ћьвове открыт самый дорогой на ”краине пам€тник Ѕандере     ¬ воскресенье,...

 - нопки рейтинга Ђяндекс.блогиї

 -ѕодписка по e-mail

 

 -ѕоиск по дневнику

ѕоиск сообщений в јндрей_јкименко

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 23.11.2008
«аписей:
 омментариев:
Ќаписано: 801

ќсновы HTML - —труктура HTML-кода

„етверг, 12 ‘еврал€ 2009 г. 17:26 + в цитатник
≈сли открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые остаютс€ исходными, независимо от вида и направлени€ сайта. –ассмотрим код, который первоначально создаетс€ в редакторе Nvu (пример 4.1). ƒл€ удобства добавлены номера строк, но в коде их, конечно же, быть не должно, иначе это приведет к ошибке.
ѕример 4.1. »сходный код веб-страницы
01. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
02. <html>
03. <head>
04. <meta content="text/html; charset=Windows-1251" http-equiv="content-type">
05. <title>¬тора€ страница</title>
06. </head>
07. <body>
08. <br>
09. </body>
10. </html>
ƒалее разберем отдельные строки нашего кода.
01. !DOCTYPE предназначен дл€ указани€ типа текущего документа Ч DTD (document type definition, описание типа документа). —уществует несколько видов !DOCTYPE, они различаютс€ в зависимости от версии HTML, на которую ориентированы (пример 4.2).
ѕример 4.2. ƒопустимые DTD
HTML 3.2 (предыдуща€ верси€ HTML)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
—трогий HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
ѕереходный HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 при использовании фреймов
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
–азница между строгим и переходным описанием документа состоит в различном подходе к написанию кода документа. —трогий HTML требует жесткого соблюдени€ спецификации HTML и не прощает ошибок, что обычно приводит к иному отображению документа, чем планировал разработчик. ѕереходный HTML более Ђспокойної относитс€ к некоторым огрехам кода, поэтому этот тип использовать предпочтительнее.
«аметьте, что в примере 4.1 не указываетс€ путь к DTD-файлу, как это показано в примере 4.2. Ётот параметр не €вл€етс€ об€зательным и его можно опустить.
«амечание
„асто можно встретить код HTML вообще без использовани€ !DOCTYPE, веб-страница в подобном случае все равно будет показана. “ем не менее, может получитьс€, что один и тот же документ отображаетс€ по-разному при использовании !DOCTYPE и без него. „тобы не произошло подобных ситуаций, всегда добавл€йте этот тег в начало документа.
02. “ег <html> определ€ет начало HTML-файла, внутри него хранитс€ заголовок (<head> ) и тело документа (<body> ).
03. «аголовок документа, как еще называют блок <head>, может содержать текст и теги, но содержимое этого раздела не показываетс€ напр€мую на странице.
04. “ег <meta> €вл€етс€ универсальным и добавл€ет целый класс возможностей, в частности, с помощью метатегов, как обобщенно называют этот тег с разными параметрами, можно измен€ть кодировку страницы, добавл€ть ключевые слова, описание документа и многое другое. “ак, чтобы браузер понимал, что имеет дело с кодировкой Ђ ириллица (Windows)ї и добавл€етс€ строка, как в примере 4.1.
05. “ег <title> определ€ет заголовок веб-страницы, это один из важных элементов предназначенный дл€ решени€ множества задач. ¬ операционной системе Windows текст заголовка отображаетс€ в левом верхнем углу окна браузера.
06. ќб€зательно следует добавл€ть закрывающий тег </head>, чтобы показать, что блок заголовка документа завершен.
07. “ело документа <body> предназначено дл€ размещени€ тегов и содержательной части.
08. ¬нутри контейнера <body> могут размещатьс€ практически любые элементы веб-страницы, в частности, тег <br>, как показано в примере 4.1, создает перенос строки.
09. —ледует добавить закрывающий тег </body>, чтобы показать, что тело документа завершено.
10. ѕоследним элементом в коде идет закрывающий тег </html>.
–убрики:  создать свой сайт
ћетки:  



 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку