Hast
15.08.2012, 16:54
В данной теме решаются общие вопросы по созданию сайтов, вопросы по HTML, CSS и JavaScript а так же по веб-дизайну и вёрстке веб-страниц.
HTML
HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Общее представление
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами».
С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
Структура HTML-документа
HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>
<a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>
А вот пример пустого элемента: <br>Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:
<b>
Этот текст будет жирным,
<i>а этот - ещё и курсивным</i>
</b> Даст такой результат:
Этот текст будет жирным, а этот - ещё и курсивным Кроме элементов, в HTML-документах есть и сущности (англ. entities) — «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN — код символа в Юникоде в десятеричной системе счисления.
Например, © — знак авторского права (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: & — амперсанда (&), < — символа «меньше» (<) и > — символа «больше» (>), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.
HTML5
HTML5 — пятая версия одного из главных языков разметки web-страниц, HTML. Многие идеи HTML5 были изначально предложены WHATWG в стандарте Web Applications 1.0. HTML 5 включает другой стандарт WHATWG, Web Forms 2.0. Разработка HTML5 началась в новой рабочей группе W3C в 2007 году.
Отличия от HTML4
Новые правила лексического разбора;
Новые элементы — header, footer, section, article, video, audio, progress, nav, meter, time, aside, canvas;
Новые типы input-элементов;
Новые атрибуты;
Глобальные атрибуты — id, tabindex, repeat;
Убраны устаревшие элементы — center, font, strike.
Полезные ссылки:
Русскоязычный справочник по HTML (http://htmlbook.ru/)
HTML по шагам (http://stepbystep.htmlbook.ru/?id=1)
Таблица спецсимволов (http://www.perkoka.ru/article/8/673.html)
Таблица HTML цветов (http://www.stm.dp.ua/web-design/color-html.php)
Основы блочной вёрстки (http://tultip.net/verstka/block/114-blochnaja-verstka-osnovy.html)
Ещё один мануал по блочной верстке (http://zhilinsky.ru/2007/05/24/css-blochnaya-verstka/)
Обзор HTML5 на хабре (http://habrahabr.ru/blogs/webstandards/103256/)
CSS
Under Construction
JavaScript
Under Construction
Вопросы по PHP (http://forum.igromania.ru/showthread.php?t=114392), а так же по другим серверным языкам (http://forum.igromania.ru/showthread.php?t=114393) и базам данных (http://forum.igromania.ru/showthread.php?t=124529) задаём в соответствующих темах!
Всё про Ucoz - сюда (http://forum.igromania.ru/showthread.php?t=94478)
HTML
HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме.
Общее представление
Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами».
С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже. Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов).
Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE>, несколько раз использованный для форматирования страницы, которую вы сейчас читаете, предназначен для создания в документах самых обычных таблиц, но, как можно убедиться, здесь нет ни одной таблицы. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
Структура HTML-документа
HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>
<a href="http://www.example.com">Здесь элемент содержит атрибут href.</a>
А вот пример пустого элемента: <br>Регистр, в котором набрано имя элемента и имена атрибутов, в HTML значения не имеет (в отличие от XHTML). Элементы могут быть вложенными. Например, следующий код:
<b>
Этот текст будет жирным,
<i>а этот - ещё и курсивным</i>
</b> Даст такой результат:
Этот текст будет жирным, а этот - ещё и курсивным Кроме элементов, в HTML-документах есть и сущности (англ. entities) — «специальные символы». Сущности начинаются с символа амперсанда и имеют вид &имя; или &#NNNN;, где NNNN — код символа в Юникоде в десятеричной системе счисления.
Например, © — знак авторского права (©). Как правило, сущности используются для представления символов, отсутствующих в кодировке документа, или же для представления «специальных» символов: & — амперсанда (&), < — символа «меньше» (<) и > — символа «больше» (>), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.
HTML5
HTML5 — пятая версия одного из главных языков разметки web-страниц, HTML. Многие идеи HTML5 были изначально предложены WHATWG в стандарте Web Applications 1.0. HTML 5 включает другой стандарт WHATWG, Web Forms 2.0. Разработка HTML5 началась в новой рабочей группе W3C в 2007 году.
Отличия от HTML4
Новые правила лексического разбора;
Новые элементы — header, footer, section, article, video, audio, progress, nav, meter, time, aside, canvas;
Новые типы input-элементов;
Новые атрибуты;
Глобальные атрибуты — id, tabindex, repeat;
Убраны устаревшие элементы — center, font, strike.
Полезные ссылки:
Русскоязычный справочник по HTML (http://htmlbook.ru/)
HTML по шагам (http://stepbystep.htmlbook.ru/?id=1)
Таблица спецсимволов (http://www.perkoka.ru/article/8/673.html)
Таблица HTML цветов (http://www.stm.dp.ua/web-design/color-html.php)
Основы блочной вёрстки (http://tultip.net/verstka/block/114-blochnaja-verstka-osnovy.html)
Ещё один мануал по блочной верстке (http://zhilinsky.ru/2007/05/24/css-blochnaya-verstka/)
Обзор HTML5 на хабре (http://habrahabr.ru/blogs/webstandards/103256/)
CSS
Under Construction
JavaScript
Under Construction
Вопросы по PHP (http://forum.igromania.ru/showthread.php?t=114392), а так же по другим серверным языкам (http://forum.igromania.ru/showthread.php?t=114393) и базам данных (http://forum.igromania.ru/showthread.php?t=124529) задаём в соответствующих темах!
Всё про Ucoz - сюда (http://forum.igromania.ru/showthread.php?t=94478)